·vue

用於 json-render 的 Vue 3 渲染器。在根據 JSON 規格建立 Vue UI、使用 @json-render/vue、定義 Vue 元件註冊表或在 Vue 中渲染 AI 產生的規格時使用。

25安裝·8熱度·@vercel-labs

安裝

$npx skills add https://github.com/vercel-labs/json-render --skill vue

如何安裝 vue

透過命令列快速安裝 vue AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/vercel-labs/json-render --skill vue
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:vercel-labs/json-render。

SKILL.md

查看原文

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 元件註冊表或在 Vue 中渲染 AI 產生的規格時使用。 來源:vercel-labs/json-render。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/vercel-labs/json-render --skill vue
分類
</>開發工具
認證
收錄時間
2026-03-09
更新時間
2026-03-10

Browse more skills from vercel-labs/json-render

快速解答

什麼是 vue?

用於 json-render 的 Vue 3 渲染器。在根據 JSON 規格建立 Vue UI、使用 @json-render/vue、定義 Vue 元件註冊表或在 Vue 中渲染 AI 產生的規格時使用。 來源:vercel-labs/json-render。

如何安裝 vue?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/vercel-labs/json-render --skill vue 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/vercel-labs/json-render