json-render-react-native
✓JSON 仕様をネイティブ モバイル UI に変換する json-render 用の React Native レンダラー。 @json-render/react-native を操作する場合、JSON から React Native UI を構築する場合、モバイル コンポーネント カタログを作成する場合、またはモバイルで AI によって生成された仕様をレンダリングする場合に使用します。
SKILL.md
React Native renderer that converts JSON specs into native mobile component trees with standard components, data binding, visibility, actions, and dynamic props.
Use Pressable with the built-in setState action for interactive UIs like tab bars:
Any prop value can be a data-driven expression resolved at render time:
JSON 仕様をネイティブ モバイル UI に変換する json-render 用の React Native レンダラー。 @json-render/react-native を操作する場合、JSON から React Native UI を構築する場合、モバイル コンポーネント カタログを作成する場合、またはモバイルで AI によって生成された仕様をレンダリングする場合に使用します。 ソース: vercel-labs/json-render。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/vercel-labs/json-render --skill json-render-react-native- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-12
- 更新日
- 2026-02-18
クイックアンサー
json-render-react-native とは？
JSON 仕様をネイティブ モバイル UI に変換する json-render 用の React Native レンダラー。 @json-render/react-native を操作する場合、JSON から React Native UI を構築する場合、モバイル コンポーネント カタログを作成する場合、またはモバイルで AI によって生成された仕様をレンダリングする場合に使用します。 ソース: vercel-labs/json-render。
json-render-react-native のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vercel-labs/json-render --skill json-render-react-native インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/vercel-labs/json-render
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-12