json-render-react
✓JSON 仕様を React コンポーネントに変換する json-render の React レンダラー。 @json-render/react を操作する場合、JSON から React UI を構築する場合、コンポーネント カタログを作成する場合、または AI で生成された仕様をレンダリングする場合に使用します。
SKILL.md
React renderer that converts JSON specs into React component trees.
| DataContext | Provide data for binding ({{path.to.value}}) | | ActionsContext | Provide action handlers | | ValidationContext | Form validation state | | VisibilityContext | Conditional rendering |
| defineRegistry | Create a type-safe component registry from a catalog | | Renderer | Render a spec using a registry | | schema | Element tree schema | | useData | Access data context | | useActions | Access actions context |
JSON 仕様を React コンポーネントに変換する json-render の React レンダラー。 @json-render/react を操作する場合、JSON から React UI を構築する場合、コンポーネント カタログを作成する場合、または AI で生成された仕様をレンダリングする場合に使用します。 ソース: vercel-labs/json-render。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/vercel-labs/json-render --skill json-render-react- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-08
- 更新日
- 2026-02-18
クイックアンサー
json-render-react とは？
JSON 仕様を React コンポーネントに変換する json-render の React レンダラー。 @json-render/react を操作する場合、JSON から React UI を構築する場合、コンポーネント カタログを作成する場合、または AI で生成された仕様をレンダリングする場合に使用します。 ソース: vercel-labs/json-render。
json-render-react のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vercel-labs/json-render --skill json-render-react インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/vercel-labs/json-render
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-08