프로젝트 소개

json-render는 Vercel Labs에서 개발한 Generative UI 프레임워크로, AI가 자연어 프롬프트로부터 동적이고 개인화된 사용자 인터페이스를 생성할 수 있게 합니다. AI 출력을 사전 정의된 컴포넌트 및 액션 카탈로그로 제한하여 안전하고 예측 가능하며 스키마에 부합하는 JSON 출력을 보장합니다. 주요 기능은 다음과 같습니다: - 크로스 플랫폼 렌더링: 동일한 컴포넌트 카탈로그에서 React, Vue, Svelte, SolidJS, React Native, 터미널 UI(Ink)를 지원합니다. - 멀티 타깃 출력: 웹 및 모바일 UI 외에도 전체 Next.js 또는 TanStack Start 앱, 비디오(Remotion), PDF 문서, HTML 이메일, 이미지(SVG/PNG), 3D 장면(React Three Fiber)을 생성할 수 있습니다. - 스트리밍: SpecStream 유틸리티를 사용하여 AI 모델이 응답하는 동안 UI 스펙을 점진적으로 스트리밍하고 렌더링합니다. - 동적 Props 및 상태: 조건부 표시, 동적 prop 표현식, 상태 감시자, setState와 같은 내장 액션을 지원합니다. Redux, Zustand, Jotai, XState용 어댑터를 포함합니다. - 배터리 포함: 36개의 사전 구축된 shadcn/ui 컴포넌트와 표준 모바일 컴포넌트를 제공합니다. - DevTools: React, Vue, Svelte, Solid용 스펙 트리, 상태 편집기, 액션 로그, 카탈로그 브라우저가 포함된 드롭인 인스펙터 패널을 제공합니다. - 통합: Claude, ChatGPT, Cursor, VS Code용 MCP(Model Context Protocol) 통합과 YAML 와이어 포맷을 포함합니다.