무엇을 찾으세요?

웹 · 프론트엔드 · vercel-labs/json-render · TypeScript

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의 상호작용을 세밀하게 제어할 수 있다.