json-render

json-renderは、Vercel Labsが開発したGenerative UIフレームワークで、AIが自然言語プロンプトから動的でパーソナライズされたユーザーインターフェースを生成できるようにします。AIの出力を事前定義されたコンポーネントとアクションのカタログに制約し、安全で予測可能、かつスキーマに一致するJSON出力を保証します。 主な機能は以下の通りです： - クロスプラットフォームレンダリング：同一のコンポーネントカタログからReact、Vue、Svelte、SolidJS、React Native、ターミナルUI（Ink）をサポートします。 - マルチターゲット出力：WebおよびモバイルUIに加えて、完全なNext.jsまたはTanStack Startアプリ、動画（Remotion）、PDFドキュメント、HTMLメール、画像（SVG/PNG）、3Dシーン（React Three Fiber）を生成できます。 - ストリーミング：SpecStreamユーティリティを使用して、AIモデルの応答に合わせてUIスペックを段階的にストリーミングおよびレンダリングします。 - 動的プロップと状態：条件付き表示、動的プロップ式、状態ウォッチャー、setStateなどの組み込みアクションをサポートします。Redux、Zustand、Jotai、XState用のアダプターも含まれます。 - バッテリー同梱：36個の事前構築済みshadcn/uiコンポーネントと標準モバイルコンポーネントを提供します。 - DevTools：React、Vue、Svelte、Solid用のスペックツリー、状態エディター、アクションログ、カタログブラウザーを備えたドロップインインスペクターパネルを提供します。 - 統合：Claude、ChatGPT、Cursor、VS Code用のMCP（Model Context Protocol）統合や、YAMLワイヤーフォーマットを含みます。