Beyond Components: Designing Generative UI for MCP Apps — Ruben Casas, Postman
본 영상은 생성형 UI의 진화 단계를 정적 컴포넌트, 선언형 UI, 그리고 궁극적으로는 완전히 생성형 UI로 구분하여 설명합니다. 특히, LLM이 직접 HTML, CSS, JavaScript를 생성하는 완전 생성형 UI가 MCP 앱과 샌드박싱 기술을 통해 안전하게 구현될 수 있음을 강조하며, 미래의 UI는 컴포넌트 중심에서 벗어나 인간과 에이전트의 협업 경험으로 발전할 것이라고 전망합니다.
핵심 요약
- 초기 AI UI 개발은 ChatGPT에게 코드를 요청하고 복사-붙여넣기하는 방식이었으나, GPT 5.2와 Opus 4.5 같은 모델의 등장으로 LLM이 놀라울 정도로 고품질의 UI 코드를 생성하게 되었습니다. (창작자 평가: 혁신적)
- 현대의 많은 에이전트 UI는 '정적 컴포넌트' 방식을 사용하며, 에이전트가 미리 정의된 컴포넌트에 props를 전달하는 형태로 작동합니다. Goose Auto Visualizer가 이러한 방식의 예시입니다.
- '선언형 UI'는 에이전트가 JSON 또는 YAML 형식의 기술자(descriptor)를 생성하고, 이를 렌더링 엔진이 정적 컴포넌트에 매핑하는 방식입니다. 이는 개인화된 UI를 제공하며, Vercel의 JSON Render가 이를 지원합니다.
전체 요약과 종목별 의견·실시간 분석을 보려면 로그인하세요.
로그인 / 회원가입