Key Point
AI 기반 UI 생성의 신뢰성 문제를 스키마와 컴포넌트 카탈로그로 해결하는 실용적 접근법을 제시하며, 멀티플랫폼 렌더러와 풍부한 생태계로 즉시 활용 가능한 수준에 도달했다.
핵심 요약
- Vercel Labs의 json-render는 자연어 프롬프트로부터 동적 UI를 생성하는 Generative UI 프레임워크다.
- 개발자가 정의한 컴포넌트 카탈로그 범위 내에서만 AI가 UI를 생성하도록 제약을 둬 예측 가능하고 안전한 결과를 보장한다.
- JSON 스키마 기반 출력으로 매번 일관된 구조를 생성하며, 모델 응답을 스트리밍해 점진적 렌더링을 지원한다.
- React, Vue, Svelte, Solid, React Native 등 다양한 플랫폼을 같은 카탈로그로 지원한다.
- shadcn/ui 기반 36개 사전 구축 컴포넌트, 3D(Three.js), PDF, 이메일, 터미널 렌더러 등 15개 이상의 패키지를 제공한다.
- 상태 관리, 조건부 표시, 동적 프로퍼티, 상태 감시자 등으로 생성된 UI의 상호작용을 세밀하게 제어할 수 있다.