vue とは?
json-render 用の Vue 3 レンダラー。 JSON 仕様から Vue UI を構築する場合、@json-render/vue を操作する場合、Vue コンポーネント レジストリを定義する場合、または AI によって生成された仕様を Vue でレンダリングする場合に使用します。 ソース: vercel-labs/json-render。
json-render 用の Vue 3 レンダラー。 JSON 仕様から Vue UI を構築する場合、@json-render/vue を操作する場合、Vue コンポーネント レジストリを定義する場合、または AI によって生成された仕様を Vue でレンダリングする場合に使用します。
コマンドラインで vue AI スキルを開発環境にすばやくインストール
ソース: vercel-labs/json-render。
Vue 3 renderer that converts JSON specs into Vue component trees with data binding, visibility, and actions.
| StateProvider | Share state across components (JSON Pointer paths). Accepts initialState or store for controlled mode. | | ActionProvider | Handle actions dispatched via the event system | | VisibilityProvider | Enable conditional rendering based on state | | ValidationProvider | Form field validation |
| useStateStore() | Access state context (state as ShallowRef, get, set, update) | | useStateValue(path) | Get single value from state | | useIsVisible(condition) | Check if a visibility condition is met | | useActions() | Access action context | | useAction(binding) | Get a single action dispatch function |
json-render 用の Vue 3 レンダラー。 JSON 仕様から Vue UI を構築する場合、@json-render/vue を操作する場合、Vue コンポーネント レジストリを定義する場合、または AI によって生成された仕様を Vue でレンダリングする場合に使用します。 ソース: vercel-labs/json-render。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/vercel-labs/json-render --skill vuejson-render 用の Vue 3 レンダラー。 JSON 仕様から Vue UI を構築する場合、@json-render/vue を操作する場合、Vue コンポーネント レジストリを定義する場合、または AI によって生成された仕様を Vue でレンダリングする場合に使用します。 ソース: vercel-labs/json-render。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vercel-labs/json-render --skill vue インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/vercel-labs/json-render