json-render-react

作者： vercel

將 JSON 規格轉換為型別安全的 React 元件樹，具備狀態管理與動態表達式。支援宣告式 UI 規格（含元素樹）、透過 $bindState 實現雙向資料綁定、條件渲染與計算表達式。內建基於 StateProvider 的狀態管理，可選用外部儲存整合（Redux、Zustand、XState）及 JSON Pointer 狀態路徑。事件系統支援動作派發、狀態監聽器，以及四種內建動作：setState、...

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

下載 ZIP GitHub

來自 vercel 的更多技能

benchmark-sandbox

在 Vercel Sandbox 中執行 vercel-plugin 評估場景，而非本機 WezTerm 面板。佈建搭載 Claude Code 與預裝外掛的臨時微型虛擬機器…

emil-design-eng

此技能編碼了 Emil Kowalski 關於 UI 打磨、元件設計、動畫決策，以及那些讓軟體體驗出色的隱形細節的設計哲學。

vercel-react-best-practices

來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。在撰寫、審查或重構 React/Next.js… 時應使用此技能。

vercel-react-best-practices

來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。在撰寫、審查或重構 React/Next.js… 時應使用此技能。

產出一份技術指南，透過漸進式範例教導真實世界的使用案例。概念僅在讀者需要時才引入。

發佈 vercel-plugin — 執行閘門、提升版本、生成產物、提交並推送。當被要求「發佈」、「出貨」、「提升並推送」或「切一個發佈」時使用。

針對 dev3000 的 Vercel 專案簽出執行 DeepSec。用於一鍵 DeepSec 設定、專案上下文引導啟動、有限制的初次處理，以及…

將已合併的 Next.js 拉取請求從 canary 回溯移植到先前的發行分支，例如 next-16-2。當使用者要求回溯移植、揀選提交或開啟…時使用。