注目★★★★★GitHub Trending
Vercel Labsのjson-render、AI生成UIをJSONで安全に描画
30秒で把握
- 1Vercel LabsがAI生成UIをJSONで制約・描画するjson-renderを公開
- 2ReactやVueなど複数UI基盤とPDF・動画・メール生成に対応
- 336種のshadcn/ui部品と状態参照・条件分岐・アクションを利用可能
要約
Vercel Labsは、自然言語から生成したUIを定義済みコンポーネント内でJSON化し、安全に描画するGenerative UIフレームワーク「json-render」を公開している。AIの出力をカタログとスキーマで制約し、予測可能なJSONとしてストリーミング描画できる。React、Vue、Svelte、Solid、React Nativeに加え、動画、PDF、HTMLメール、Next.js、3Dシーン、ターミナルUIに対応する。React向けにはshadcn/uiの36コンポーネントを利用でき、状態参照、条件分岐、データバインディング、アクションもJSONで定義できる。
あなたへの影響
AI生成UIを試す日本の開発チームは、まず既存のコンポーネントカタログで安全性と出力制約を検証するとよい。
推奨：カタログ制約とスキーマ検証を組み合わせる設計は、自由生成UIの予期しない描画を抑えられる可能性があるため、本番投入前に状態管理とアクションの境界を確認すべきだ。