Vercel技能

將供應商官方或社群適配器新增至 Chat SDK 目錄與文件中 — adapters.json 註冊表、chat/adapters 目錄條目、docs MDX 頁面…

新增一個診斷代碼，遵循 nostics 的 defineDiagnostics() 慣例

新增AI功能範例的指南，用於針對實際提供者API測試特定功能。

新增 AI SDK 整合套件的指南。用於建立新的 @ai-sdk/harness-<name> 套件，將程式碼代理執行環境適配至 HarnessV1。

在AI SDK中新增AI提供者套件的指南。用於建立新的@ai-sdk/<provider>套件，以將AI服務整合至SDK中。

Admin UI 與操作員介面除錯，適用於 vercel-openclaw：命令殼層設計、管理操作、請求核心、狀態面板、啟動驗證 UI、頻道…

建立並維護專為代理式編碼工作流程最佳化的架構決策記錄（ADR）。當需要提案、撰寫、更新、接受/拒絕……時使用。

自動化瀏覽器操作，用於網頁測試、表單填寫、螢幕截圖與資料擷取。

自動化瀏覽器操作，用於網頁測試、表單填寫、螢幕截圖與資料擷取。當使用者需要瀏覽網站、與網頁互動時使用…

專為AI代理設計的瀏覽器自動化命令列工具。當使用者需要與網站互動、驗證開發伺服器輸出、測試網頁應用程式、瀏覽頁面、填寫表單時使用…

開發伺服器的自動化瀏覽驗證。當開發伺服器啟動時觸發，透過 agent-browser 執行視覺基本檢查——驗證頁面是否載入、…

Vercel Academy 上「Agent-Friendly APIs」課程的配套技能。建立一個回饋 API，透過結構化文件使其對代理程式友善，然後建立一個 Claude Code 技能來自動產生這些文件。

Python `ai` SDK — models, providers, streams, events, tools, agents, hooks, MCP, AI SDK UI, structured output, and media generation

使用AI模型從終端機生成文字、圖片和影片。

AI Elements 元件庫指南 — 基於 shadcn/ui 建置的 AI 介面預製 React 元件。適用於建構聊天介面、訊息顯示、工具…

基於 shadcn/ui 和 AI SDK 構建的 AI 聊天介面預製 React 元件。包含專為 AI 原生應用設計的對話、訊息、工具顯示和提示輸入元件，可透過 CLI 直接安裝到專案程式碼庫中，使元件完全可自訂並可透過標準 React 模式擴展。需要 Next.js、AI SDK、shadcn/ui 和 Node.js 18+；可與 Vercel 的 AI Gateway 無縫整合以存取模型。所有元件均支援標準 HTML 屬性...

Vercel AI Gateway 專家指導。用於配置模型路由、供應商故障轉移、成本追蹤，或透過統一方式管理多個 AI 供應商…

AI生成持久化模式——每個LLM生成的唯一ID、可定址URL、資料庫儲存與成本追蹤

Vercel AI SDK 專家指導。用於建構 AI 驅動功能時使用——聊天介面、文字生成、結構化輸出、工具呼叫、代理、MCP……

回答關於 AI SDK 的問題，並協助建構 AI 驅動的功能。適用於開發者：(1) 詢問 AI SDK 函式，例如 generateText、streamText……

回答關於 AI SDK 的問題，並協助建構 AI 驅動的功能。適用於開發者：(1) 詢問 AI SDK 功能，如 generateText、streamText 等。

將 Next.js bundle analyzer 資料轉換為 NDJSON 並進行探索

為API路由生成適合代理程式的Markdown文件。當使用者說「生成文件」、「記錄此API」、「建立API文件」或「製作…」時使用。

用於本地開發和測試的模擬 Apple 登入 / Apple OIDC。當使用者需要在本地測試 Apple 登入、模擬 Apple OIDC 時使用…

查詢 Next.js 文件 RAG API，主題：$ARGUMENTS

將 Astro 應用程式從 Webflow Cloud 遷移至 Vercel。當使用者想要將 Astro 應用程式移出、遷移或移植至 Webflow Cloud 以外時，使用此技能。

驗證整合指南 — Clerk（原生 Vercel Marketplace）、Descope 和 Auth0 在 Next.js 應用程式中的設定。涵蓋中介軟體驗證模式、…

驗證與儲存除錯，適用於 vercel-openclaw：管理員密碼模式、透過 Vercel 登入、會話 Cookie、CSRF、LOCAL_READ_ONLY、Redis 與記憶體儲存、鍵空間…

在 .agents/skills/ 中建立或修改代理技能時使用此技能。

透過內建的自動化伺服器，自動化並檢查正在執行的 zero-native WebView shell 應用程式。當使用者要求測試應用程式、列出視窗、截取…時使用。

用於自動化基於變更集的發佈的CLI工具，附帶AI生成的描述。當用戶需要發佈套件、建立變更集、更新版本號…時使用。

模擬 AWS 雲端服務（S3、SQS、IAM、STS），適用於本地開發與測試。當使用者需要在本地與 AWS API 端點互動、測試 S3…

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

驗證動畫持續時間、強制排版比例、檢查元件可及性，並防止 Tailwind CSS 專案中的版面反模式。在以下情況使用…

跨兩個網址或圖片的網頁或元素視覺比對。可於桌面、行動裝置（375x812）或平板（768x1024）視口擷取螢幕截圖，支援可選的整頁滾動。支援CSS選擇器以隔離特定元素，並接受file://、http://、https://網址或本地圖片路徑。生成Markdown格式輸出，自動將圖片上傳至0x0.st（或GitHub Gist），便於PR整合。包含Vercel部署保護偵測及GitHub CLI整合...

推動 Vercel 尖端平台功能（Workflow DevKit、AI Gateway、MCP、Chat SDK、Queues、Flags、Sandbox…）的先進 AI 代理基準測試場景。

針對 vercel-plugin 的端到端基準測試套件。執行真實專案進行技能注入、啟動開發伺服器、驗證一切正常運作、分析…

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

建立並啟動基準測試專案，以在真實情境中演練 vercel-plugin 技能注入功能。設定隔離目錄、安裝…

專案啟動協調器，適用於依賴 Vercel 關聯資源（資料庫、驗證及受管整合）的儲存庫。在設定或…時使用。

使用 Vercel Shop 來源支援的模式建立或調整 Shopify 店面。適用於建立、重新設計、重構或審查店面路由時…

Vercel Academy 上「Building Agents with eve」課程的配套技能。當使用者提到「building agents with eve」、「the eve course」、「the bike…」時使用。

現代化、可存取且可組合的UI元件全面指南。涵蓋元件分類（基礎元件、複合元件、區塊、模板）、核心設計原則，以及無障礙實作（包含ARIA、鍵盤導航與WCAG合規性）。包含可組合API模式、多型、受控/非受控狀態，以及用於彈性元素組合的as-child模式。提供設計標記、主題系統、樣式方法，以及使用...的指引。

Next.js 快取元件與部分預先渲染（PPR）的專家指導。**主動啟用**：在 Next.js 環境中工作時自動使用此技能…

儲存並管理API回應測試固定數據，用於提供者解析驗證。固定數據按現有範例中的命名慣例，組織在提供者套件內的__fixtures__子資料夾中。支援兩種測試模式：generateText（將原始回應記錄到主控台並複製到固定數據）和streamText（使用includeRawChunks和saveRawChunks輔助工具來擷取串流區塊）。建議儲存真實的提供者回應，除非大小限制需要進行保留語意的裁切...

調試 Vercel CDN 快取 — 快取命中率、過期內容、重新驗證行為、ISR + PPR、每個請求的快取原因（cacheReason）及成本。

Channel webhook triage for vercel-openclaw Slack/Telegram/Discord/WhatsApp issues: prove deployment state, collect admin readiness endpoints, build…

針對頻道傳遞變更的Webhook路由一致性審計：確保終端路徑記錄、記錄最後轉發、分類失敗原因，並更新過期的沙箱端口URL。

一次編寫聊天機器人，即可部署至 Slack、Teams、Google Chat、Discord、GitHub 與 Linear。統一 TypeScript SDK，提供跨平台的事件處理器（提及、訊息、反應、斜線指令、動作），並在所有平台上標準化訊息格式。內建 AI 回應串流支援，透過 AI SDK 整合，加上基於 JSX 的互動卡片（含按鈕、下拉選單與表單模態框）。可插拔狀態適配器，支援 Redis、PostgreSQL 或記憶體持久化；以及 Webhook 處理器...

Vercel Chat SDK 專家指導。用於建構跨平台聊天機器人 — Slack、Telegram、Microsoft Teams、Discord、Google Chat、GitHub、Linear — 搭配…

用於跨 Slack、Teams、Google Chat、Discord、Telegram、GitHub、Linear 和 WhatsApp 建構聊天機器人的統一 TypeScript SDK。一次編寫機器人邏輯，隨處部署。

用於影響命令UX、提示、幫助、輸出佈局、進度、成功、警告、錯誤、JSON/stdout/stderr合約等的packages/cli變更。

無頭 CMS 整合指南 — Sanity（原生 Vercel Marketplace）、Contentful、DatoCMS、Storyblok 與 Builder.io。涵蓋工作室設定、內容建模…

審查程式碼變更並提供可操作的意見回饋。當使用者要求審查 PR、差異、提交或程式碼變更時使用。觸發條件為 "/review"、"review…

用於 json-render 的程式碼生成工具。在根據 UI 規格生成程式碼、建置自訂程式碼匯出器、遍歷規格或序列化屬性時使用…

可擴展的 React 組合模式。適用於重構具有大量布林屬性的元件、建立靈活的元件庫，或設計…

Schema定義、目錄建立，以及針對json-render規格的AI提示生成。使用defineSchema以型別規格與目錄定義Schema，接著建立將元件名稱對應至其屬性與描述的目錄。從目錄生成AI系統提示，可選用自訂規則；透過createSpecStreamCompiler支援以JSONL修補程式進行規格串流。動態屬性表達式可實現狀態綁定（$state、$bindState）、條件判斷（$cond）、模板化（$template）等功能。

將 Create React App (CRA) 專案遷移至 Next.js 的全面指南。適用於遷移 CRA 應用程式、將 React Router 轉換為基於檔案的路由系統，或…

使用 Geist 設計系統美學建立 Remotion 影片。當被要求建立應遵循 Vercel 風格的影片、動畫或動態圖形時使用。

Vercel Cron Jobs 的配置與最佳實踐。用於在 vercel.json 中新增、編輯或除錯排程任務時使用。

Cron 與 watchdog 除錯，適用於 vercel-openclaw：Vercel Cron 認證、持久化 OpenClaw 任務、cron 喚醒金鑰、令牌刷新、還原預言機、熱備援，以及…

使用 bash 工具分析並轉換 CSV 資料

在獨立 AI 應用程式（Codex、Cursor、Claude Code）中引導 d3k：偵測/安裝 dev3000，啟動 d3k 作為執行環境，並使用統一日誌與 CDP 瀏覽器…

當更改條件式 require() 路徑、僅限 Node 的導入或邊緣/運行時分支時

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

使用 deepsec（一款AI驅動的漏洞掃描器）——執行掃描、配置專案、撰寫匹配器以及開發插件。當用戶提出要求時啟動……

將應用程式部署到 Vercel。當使用者說「deploy」、「deploy to Vercel」、「push to production」、「deploy my app」或「go live」時使用。

引導使用者收集部署自己的 Open Harness 副本所需的憑證，將此儲存庫部署到 Vercel 上，並完成首次執行…

將應用程式與網站部署至 Vercel，支援自動 Git 整合與預覽網址。提供三種部署路徑：git-push（適用於已連結的專案）、直接 CLI 部署，以及適用於沙盒環境的無驗證備援方案。自動偵測專案狀態（透過 .vercel/project.json 或 .vercel/repo.json 連結、Git 遠端是否存在、CLI 驗證狀態），並選擇最佳部署方式。處理多團隊帳戶的團隊選擇，並使用 --scope 參數部署至正確的團隊...

Vercel 部署與 CI/CD 專家指導。用於部署、推廣、回滾、檢查部署、使用 --prebuilt 建置或配置 CI…

跨多個供應商與能力的AI SDK函式開發與驗證腳本。按AI SDK函式類別（文字生成、串流、結構化輸出、嵌入、圖片生成、語音、轉錄、重新排序與代理）組織。檔案命名慣例對應供應商與功能組合（例如openai-tool-call.ts、amazon-bedrock-anthropic-cache-control.ts），便於快速識別。包含共享的公用程式輔助功能，用於錯誤處理、環境載入……

適用於任何 json-render 應用程式的即插即用檢查器面板。當使用者想要偵錯生成式 UI、檢查規格樹、在執行階段編輯狀態、查看已分派的…

預先建置的自訂指令，用於 json-render — 格式化、數學、字串處理及 i18n。在使用 @json-render/directives、定義自訂…時使用。

Discord 頻道專家工作流程：除錯互動 Webhook、Ed25519 簽章、延遲回覆、工作流程轉發至 /discord-webhook、整合…

Vercel Edge Runtime 的專家指南——適用於 Vercel Edge Functions 和 Middleware 的輕量級 JavaScript 執行環境。在構建或配置邊緣…時使用。

電子郵件發送整合指南 — Resend（原生 Vercel Marketplace）搭配 React Email 模板。涵蓋 API 設定、交易型郵件、網域…

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

適用於 Vercel、GitHub、Google、Slack、Apple、Microsoft 和 AWS 的本地即插即用 API 模擬器。當使用者需要啟動模擬服務、配置種子資料時使用…

在店面中添加 Vercel Analytics、Vercel Speed Insights 和 Google Tag Manager。

在商店模板中啟用基於 next-intl 的 i18n — 包含地區前綴的 URL、每個地區的訊息目錄，以及地區切換器。當使用者想要「地區…」時使用。

將 Shopify 的 metaobjects 作為首頁與行銷頁面內容的 CMS。新增針對 cms_homepage 與 cms_page metaobject 類型的 GraphQL 查詢，並進行轉換…

使用 next-intl 啟用 Shopify Markets 的多語言路由。當使用者想要新增國際化、多語言支援、語言前綴…時使用。

將硬編碼的導航和頁腳選單替換為 Shopify 支援的選單。

Vercel 環境變數專家指導。適用於處理 .env 檔案、vercel env 指令、OIDC 令牌，或管理特定環境的配置。

使用eve框架構建耐用的後端AI代理。在創建、編輯或調試eve專案時使用——代理指令、技能、工具……

使用eve框架構建耐用的AI代理和代理驅動的應用程式。在創建、編輯或調試eve專案時使用，或在選擇時…

使用 Shopify AI 工具包檢查 Vercel Shop 工作中的即時 Storefront 與 Customer Account GraphQL 結構。

你是 Vercel Academy 上「Building Filesystem Agents」課程的專業教學助理，協助學生建立能透過 bash 操作檔案系統的代理，以回答關於結構化資料的問題。

從開放生態系統中發現並安裝專業的代理技能，當用戶需要擴展功能時。協助根據領域和任務識別相關技能，當用戶詢問「如何做X」或「尋找X的技能」時。與Skills CLI（npx skills find、npx skills add）整合，以搜尋、驗證並從skills.sh目錄安裝套件。根據安裝次數、來源信譽和GitHub星數推薦技能，確保在建議安裝前保證品質。呈現技能...

防火牆與Vercel AI Gateway除錯，適用於vercel-openclaw：網路政策允許清單、OIDC令牌刷新、AI Gateway轉換規則、防火牆…

在 Next.js 內部新增或修改框架功能標誌時使用此技能。

Flags SDK（flags npm 套件）是一套適用於 Next.js 和 SvelteKit 的功能旗標工具組。它能將每個功能旗標轉換為可呼叫的函式，透過適配器與任何旗標提供者搭配使用，並利用預先計算模式保持頁面靜態。Vercel Flags 是第一方提供者，可讓您從 Vercel 儀表板或 vercel flags CLI 管理旗標。

建立具有高設計品質、獨特且可投入生產的前端介面。當使用者要求建立網頁元件、頁面、成品…時，使用此技能。

建立具有高設計品質、獨特且可投入生產的前端介面。當使用者要求建立網頁元件、頁面、成品…時，使用此技能。

針對 vercel-openclaw 的閘道與代理除錯：/gateway 路由、HTML 注入、WebSocket 重寫、gateway-token 交接、等待頁面、狀態心跳、…

Geist 的專家指南，Vercel 的預設排版系統與字型系列，適用於精確的 Next.js 介面。在配置 Geist Sans、Geist Mono 或…時使用。

使用 Geist 設計系統，以 Next.js 應用程式建構探索性、互動式的學習體驗。適用於建立教學、可探索的說明…

Geistdocs 的專家指南，Vercel 的文件範本，基於 Next.js 和 Fumadocs 構建 — MDX 編寫、配置、AI 聊天、i18n、意見回饋、…

模擬 GitHub REST API，用於本地開發與測試。當使用者需要在本地與 GitHub API 端點互動、測試 GitHub 整合時使用…

使用 @github-tools/sdk 將 GitHub API 工具新增至 AI 代理 — AI SDK、eve、Vercel Workflow 和 Chat SDK。涵蓋工具、預設、審核控制、權杖範圍…

模擬 Google OAuth 2.0、OpenID Connect、Gmail、Calendar 和 Drive，用於本地開發與測試。當使用者需要測試 Google 登入時使用…

在構建部署到 Vercel 的 Hono 網頁應用程式時使用，或當使用者詢問 Hono API、路由、中介軟體、JSX、驗證、測試或串流時使用。

用於 json-render 的圖片渲染器，透過 Satori 將 JSON 規格轉換為 SVG 與 PNG 圖片。適用於處理 @json-render/image、從…生成 OG 圖片時。

使用官方的 create-vercel-shop CLI 初始化一個新的 Vercel Shop 店面。當用戶想要建立、搭建、啟動或初始化一個 Vercel…

用於 json-render 的 Ink 終端渲染器，可將 JSON 規格轉換為互動式終端 UI。適用於使用 @json-render/ink 從…構建終端 UI 時。

Spin up a portless + tmux dev session for the Workflow SDK that gives each git worktree isolated `<branch>.<name>.localhost` URLs for the Next.js workbench and…

協調式除錯協調器。在偵測到挫折訊號（卡住、無回應、故障、等待中）時觸發，並系統性地進行分類處理：執行階段日誌 → 工作流程狀態 →…

如何從孤島獲救

用於 json-render 的 StateStore 介面的 Jotai 適配器。當透過 @json-render/jotai 將 json-render 與 Jotai 整合以進行狀態管理時使用。

AI聊天回應渲染指南 — 處理UIMessage部分、工具呼叫顯示、串流狀態及結構化資料呈現。在建置時使用…

Schema定義、目錄建立，以及針對AI驅動JSON渲染的規格串流。使用defineSchema與defineCatalog定義帶有型別規格與元件目錄的Schema；自動或透過自訂規則生成AI提示。支援動態屬性表達式，包括狀態綁定（$state、$bindState）、條件判斷（$cond）、模板與計算函式。透過createSpecStreamCompiler以JSONL修補程式串流AI回應，實現漸進式規格建構。內建驗證功能...

用於 json-render 的圖片渲染器，可透過 Satori 將 JSON 規格轉換為 SVG 和 PNG 圖片。適用於使用 @json-render/image 時，從……生成 OG 圖片。

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

使用 @react-email/components 和 @react-email/render 將 JSON 規格轉換為 HTML 或純文字郵件的 json-render React Email 渲染器。適用於…

React Native 渲染器，用於 json-render，可將 JSON 規格轉換為原生行動 UI。在搭配 @json-render/react-native 使用、建構 React Native UI 時適用…

用於 json-render 的 Remotion 渲染器，可將 JSON 時間軸規格轉換為影片。當使用 @json-render/remotion 從…構建影片合成時使用。

為 json-render 預先建置的 shadcn/ui 元件。適用於使用 @json-render/shadcn、將標準 UI 元件加入目錄，或建置網頁 UI 時…

修正LLM關於Vercel平台的過時知識，並介紹新產品。在會話開始時注入。

建立或修改一個konsistent.json設定檔，以在TypeScript程式碼庫中強制執行結構慣例。當使用者想要強制執行…時使用。

Run the konsistent CLI, review all reported violations, and fix them in the codebase. Use when the user wants to "fix konsistent violations", "resolve…

撰寫與維護 lat.md 文件 — 結構化 Markdown，用於描述專案的架構、設計決策與測試規格。適用於…

啟動驗證與遠端煙霧除錯，針對 vercel-openclaw：預檢、佇列 ping、確保運行、聊天完成、從休眠喚醒、恢復準備狀態、…

用於本地開發和測試的模擬 Linear GraphQL API。當用戶需要在本地測試 Linear 整合、模擬 Linear 問題、評論等時使用。

檢查 npm 套件的 tarball 內容，在發布前驗證哪些檔案將被分發。列出會上傳至 npm 的確切檔案，有助於在發布前發現遺漏或不必要的包含項目。遵循 package.json 中的 files 欄位、.npmignore 及 .gitignore 規則，顯示實際的套件內容。自動建置套件、建立 tarball、顯示內容並在單一指令中清理。從套件目錄透過簡單的 bash 腳本執行；適用於...

檢視 Vercel 部署日誌。當使用者說「顯示日誌」、「檢查日誌」、「Vercel 日誌」或「部署出了什麼問題」時使用。

用於處理下一個 AI SDK 主要版本的上下文。僅在使用者明確呼叫時（例如透過 '/major-version-mode'）才啟用。請勿觸發…

Vercel Marketplace 專家指導 — 探索、安裝及建置整合功能、自動配置的環境變數、統一計費，以及…

將AI技能整合（品牌審查API）新增至Sitecore Marketplace應用程式。當使用者想要加入AI驅動的內容分析、品牌審查或品牌…時使用。

為 Sitecore Marketplace 應用程式新增一個擴充點路由。當使用者想要新增自訂欄位、儀表板小工具、內容面板、全螢幕…時使用。

為 Sitecore Marketplace 應用程式新增 XM Cloud API 整合。當使用者想要存取 Sites、Pages、Authoring、Content Transfer、Search 或 Agent API 時使用。

使用 Blok 設計系統為 Sitecore Marketplace 應用程式建置 UI 元件。當使用者想要建立 UI、新增元件、建置頁面佈局或…時使用。

將 Sitecore Marketplace 應用程式部署至 Vercel，並設定正確的 CSP 標頭與組態。

使用官方 SDK 搭建新的 Sitecore Marketplace 應用程式。當使用者想要建立新的 marketplace 應用程式、開始新的 Sitecore 專案，或…

Sitecore Marketplace SDK API 參考資料。當使用者詢問 SDK 方法、類型、查詢、變更、訂閱或如何使用任何 Sitecore… 時使用。

MCP Apps 整合 json-render。用於建置在 Claude、ChatGPT、Cursor 或 VS Code 中渲染互動式 UI 的 MCP 伺服器，或整合…

針對 micro（Vercel 開發的非同步 HTTP 微服務框架）提供專家級指導。適用於建置輕量級 HTTP 伺服器、API 端點或微服務…

模擬 Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect 用於本地開發與測試。當使用者需要在本地測試 Microsoft 登入時使用，…

將應用程式從 AI SDK 6.x 遷移至 AI SDK 7.0。在升級 Vercel AI SDK 套件、修復 v7 遷移錯誤，或使用者提及 AI SDK v6 時使用。

將 Temporal、Inngest、Trigger.dev 和 AWS Step Functions 的工作流程遷移至 Workflow SDK。適用於移植 Activities、Workers、Signals、step.run()、…

Native SDK 的探索技能，這是一套用於建構原生桌面應用程式的完整工具組——視圖採用宣告式原生標記（.native），邏輯則為……

針對 @vercel/ncc 的專業指導——這是一個簡單的命令列工具，用於將 Node.js 模組編譯成單一檔案，並包含所有依賴項。在打包無伺服器應用時使用…

用於在 Next.js 應用程式中直接嵌入模擬器的 Next.js 適配器，透過 @emulators/adapter-next 實現。當使用者需要在 Next.js 中嵌入模擬器、進行設定時使用…

用於 json-render 的 Next.js 渲染器，可將 JSON 規格轉換為完整的 Next.js 應用程式，包含路由、佈局、SSR 及元數據。適用於處理…

Next.js 最佳實踐 — 檔案慣例、RSC 邊界、資料模式、非同步 API、元資料、錯誤處理、路由處理器、圖片/字型優化…

涵蓋 Next.js 開發的完整指南，包括檔案結構、RSC 模式、資料擷取、最佳化與錯誤處理。涵蓋 15 個以上主題領域，如檔案慣例、路由區段、RSC 邊界、非同步模式、元資料生成、圖片與字型最佳化。提供執行時期選擇指引、指令使用方式，以及搭配 error.tsx 與 not-found.tsx 等特定檔案慣例的錯誤處理策略。包含資料擷取模式、路由處理器最佳實務...

Next.js 最佳實踐 — 檔案慣例、RSC 邊界、資料模式、非同步 API、元資料、錯誤處理、路由處理器、圖片/字型優化、…

Next.js 最佳實踐 — 檔案慣例、RSC 邊界、資料模式、非同步 API、元資料、錯誤處理、路由處理器、圖片/字型優化、…

如果 next-browser 尚未在 PATH 中，請使用使用者的套件管理器全域安裝 @vercel/next-browser，然後執行 playwright install chromium。

Next.js 16 快取元件指南 — PPR、use cache 指令、cacheLife、cacheTag、updateTag，以及從 unstable_cache 遷移。在實作時使用…

在單一 Next.js 路由中混合靜態、快取與動態內容，透過 Partial Prerendering 實現。在 next.config.ts 中設定 cacheComponents: true 即可啟用；此設定取代舊的 experimental.ppr 標記。在檔案、元件或函式層級使用 'use cache' 指令，可根據引數與閉包自動產生金鑰來快取非同步資料。透過 cacheLife() 使用內建設定檔（'minutes'、'hours'、'days'、'weeks'、'max'）或內聯設定 stale 來控制快取生命週期...

Next.js 16 快取元件 - PPR、使用快取指令、cacheLife、cacheTag、updateTag

Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

針對 next-forge 的專業協助——這是一個用於 Next.js SaaS 應用程式的生產級 Turborepo 模板。在關於 next-forge 安裝、設定等問題時觸發。

按照官方遷移指南和 codemods 升級 Next.js 至最新版本。用於升級 Next.js 版本、執行 codemods 或遷移時…

自動化 Next.js 版本升級，整合官方 codemod 與遷移指南。從 package.json 偵測當前 Next.js 版本，並從官方指南取得對應版本的升級文件。自動執行 Next.js codemod 以處理重大變更，例如非同步 Request API、geo/IP 屬性遷移，以及動態匯入轉換。處理主要版本跳躍的增量升級（例如 13 → 14 → 15），並更新同儕相依性（React、React DOM、...）。

按照官方遷移指南和代碼轉換工具，將 Next.js 升級至最新版本

Next.js App Router 專家指導。適用於建置、除錯或架構 Next.js 應用程式時——路由、伺服器元件、伺服器動作、快取……

將 Next.js 應用程式從 Webflow Cloud 遷移至 Vercel。當使用者想要將 Next.js 應用程式移出、遷移或移植至 Webflow Cloud 以外時，使用此技能。

Structured diagnostic code library for JavaScript/TypeScript. Turns errors and other conditions into typed, machine-readable `Diagnostic` instances with stable…

用於透過 @emulators/adapter-nuxt 將模擬器直接嵌入 Nuxt 應用程式的 Nuxt 適配器。當使用者需要在 Nuxt 中嵌入模擬器、設定同源…時使用。

設定 OAuth 提供者（Google、Apple、Microsoft、Facebook、GitHub 等）以搭配無埠號的本地開發網址使用。適用於設定 OAuth 重新導向 URI 時…

Vercel Observability 專家指導 — Drains（日誌、追蹤、速度洞察、網站分析）、網站分析、速度洞察、運行時日誌、自訂事件…

OpenClaw 引導程式、捆綁、配置與還原資產除錯，用於 vercel-openclaw：openclaw.bundle 側車、外掛探索、頻道目錄、重新啟動…

獲取依賴項源代碼，為AI代理提供更深入的實現上下文。當代理需要理解庫的內部運作方式、閱讀…時使用。

Stripe 付款整合指南 — 原生 Vercel Marketplace 設定、結帳工作階段、Webhook 處理、訂閱計費及 Stripe SDK。適用於…

在建立、審查或優化網頁動畫或渲染效能（影格循環、滾動/視口顯示、掛載/卸載轉場等）時使用。

在執行非簡單任務前，進行全面且具系統意識的規劃。適用於涉及新功能、架構決策、多檔案變更等情況。

審計真實專案中的vercel-plugin效能。從Claude Code對話日誌中提取工具呼叫，測試鉤子匹配與實際輸入的對應情況…

為開發伺服器提供命名的 .localhost 網址，消除連接埠衝突與硬編碼的連接埠號碼。自動分配隨機空閒連接埠（4000–4999），並透過連接埠 1355 上的反向代理將命名的子網域（例如 myapp.localhost:1355）路由至正確的應用程式。自動偵測 git worktrees，並將分支名稱作為子網域前綴，使每個 worktree 無需設定變更即可獲得獨一無二的網址。支援透過自動產生的本機 CA 憑證實現 HTTP/2 與 HTTPS；包含用於代理的 CLI 指令...

當用戶詢問 Next.js 單一儲存庫中的 PR 狀態、CI 失敗或審查評論時，使用此技能。

專為創意編碼與即時圖形設計的精簡WebGPU著色器函式庫，提供全螢幕傳遞、粒子系統、計算著色器、渲染目標及乒乓緩衝…

將 JSON 規格轉換為 React 元件樹，具備型別安全的 props 與狀態管理。使用 Zod 架構定義元件 props 的目錄，再實作具備自動型別安全與驗證的元件。透過 StateProvider 內建狀態管理，支援雙向綁定（$bindState）、條件渲染及外部儲存整合（Redux、Zustand、XState）。事件系統包含動作分派、狀態監聽器，以及四個內建動作（setState、pushState、removeState...）。

來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。此技能應在撰寫、審查或重構 React/Next.js 程式碼時使用，以確保採用最佳效能模式。觸發於涉及 React 元件、Next.js 頁面、資料擷取、套件最佳化或效能改善的任務。

針對TSX檔案的React最佳實踐審查工具。在編輯多個TSX元件後觸發，執行涵蓋元件結構的簡潔品質檢查清單…

用於 json-render 的 React Email 渲染器，可透過 @react-email/components 和 @react-email/render 將 JSON 規格轉換為 HTML 或純文字電子郵件。適用於…

用於 json-render 的 React Native 渲染器，可將 JSON 規格轉換為原生行動 UI。在搭配 @json-render/react-native 使用、建構 React Native UI 時適用…

React Native 和 Expo 建立高效能行動應用程式的最佳實踐。適用於建構 React Native 元件、優化列表效能、實作…

用於 json-render 的 React PDF 渲染器。在從 JSON 規範生成 PDF 文件、使用 @json-render/react-pdf 或將規範渲染為 PDF 時使用…

用於 json-render 的 React Three Fiber 3D 渲染器。在處理 @json-render/react-three-fiber、從 JSON 規格構建 3D 場景、渲染…時使用。

當變更涉及供應商提供的 React、react-server-dom-webpack/* 或 react-server 層級邊界時，請使用此技能。

用於 json-render 的 StateStore 介面的 Redux 適配器。在透過 @json-render/redux 將

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

用於 json-render 的 Remotion 渲染器，可將 JSON 時間軸規格轉換為影片。適用於使用 @json-render/remotion 從…構建影片合成時。

Remotion - 在 React 中創建影片的最佳實踐

移除 Open Harness 託管示範限制，適用於維護者希望移除受管理模板試用上限、託管部署閘控或…

模擬的 Resend 電子郵件 API，用於本地開發和測試。當用戶需要在本地發送電子郵件、測試交易性電子郵件流程、實現魔法

在撰寫或修改涉及預取請求、客戶端路由器導航或區段快取的測試時，請使用此技能。來自 test/lib/router-act.ts 的 createRouterAct 工具可讓您以端對端方式斷言預取和導航回應，而無需綁定於確切的請求數量或協定細節。這就是大多數客戶端路由器相關測試使用此模式的原因。

Vercel Routing Middleware 指南 — 在快取、重寫、重定向、個人化之前的請求攔截。適用於任何框架。支援 Edge、Node.js、…

Vercel Runtime Cache API 指南 — 基於區域的臨時鍵值快取，支援基於標籤的失效機制。可在 Functions、路由中介層與建置流程之間共享。…

在重現 runtime-bundle、module-resolution 或 user-bundle 包含回歸問題時，使用此技能。

使用 Vercel Sandbox SDK 建立隔離的 Linux MicroVM。適用於建置程式碼執行環境、執行不受信任的程式碼、啟動開發伺服器等場景。

沙盒生命週期除錯，適用於 vercel-openclaw：建立、恢復、停止、快照、重置、過期運行協調、持久化 Sandbox v2 行為、熱…

Vercel Sandbox v2 生命週期專業知識，適用於 vercel-openclaw：具名持久化 OpenClaw 沙箱的建立/恢復/停止/刪除、持久化自動儲存真實性、手動…

Satori 的專家指南 — Vercel 的函式庫，可將 HTML 和 CSS 轉換為 SVG，常用於為 Next.js 及其他框架生成動態 OG 圖片。

設定 Vercel CLI 與專案配置。當使用者說「設定 Vercel」、「配置 Vercel」、「連結到 Vercel」或「vercel init」時使用。

shadcn/ui 專家指導 — CLI、元件安裝、組合模式、自訂註冊表、主題設定、Tailwind CSS 整合，以及高品質介面…

用於 json-render 的預建 shadcn/ui 元件。當使用 @json-render/shadcn、將標準 UI 元件加入目錄，或使用……建構網頁 UI 時使用。

預先構建的 shadcn-svelte 元件，用於 json-render Svelte 應用程式。在搭配 @json-render/shadcn-svelte 使用時，為 Svelte 應用程式加入標準 UI 元件…

將 Shopify 驗證的 Storefront 或 Customer Account GraphQL 整合到 Vercel Shop。在 Shopify AI Toolkit 提供並驗證 API 操作後使用，…

使用 Vercel 帳號登入的指引 — 透過 Vercel 帳戶進行使用者驗證的 OAuth 2.0/OIDC 身分提供者。在實作以 Vercel 作為使用者登入方式時使用…

建立有效技能的指南。當使用者想要建立新技能（或更新現有技能）以擴展 Claude 的功能時，應使用此技能。

建立有效技能的指南。當使用者想要建立新技能（或更新現有技能）以擴展 Claude 的功能時，應使用此技能。

用於本地開發和測試的模擬 Slack API。當用戶需要在本地與 Slack API 端點互動、測試 Slack 整合、模擬…

在處理 Slack 代理/機器人程式碼、Chat SDK 應用程式、Bolt for JavaScript 專案，或使用 @chat-adapter/slack 或 @slack/bolt 的專案時使用。提供…

Slack 頻道專家工作流程：偵錯 Slack OAuth 與交付就緒狀態、/slack/events 快速路徑、原始主體簽章、路由修復、啟動訊息清理，以及…

SolidJS 渲染器，用於 json-render。在構建 @json-render/solid 目錄/註冊表、連接 Renderer 提供者、實現綁定/動作時使用，或…

Streamdown 串流 Markdown 專家指導。適用於從 AI 模型渲染串流 Markdown、建構即時內容的聊天介面，或取代…

針對串流最佳化的 React Markdown 渲染器，具備語法高亮、圖表、數學公式及 AI 聊天整合功能。支援四種可選外掛：透過 Shiki 實現的程式碼語法高亮（200 種以上語言）、Mermaid 圖表、LaTeX 數學公式渲染，以及 CJK 文字支援。提供兩種渲染模式：串流模式（附帶動畫游標，適用於 AI 聊天）與靜態模式（適用於部落格與文件）。內建安全功能，包括連結安全提示視窗、HTML 標籤過濾、URL 清理及可設定的元素...

用於本地開發和測試的模擬 Stripe API。當用戶需要在本地處理付款、測試結帳流程、建立客戶、管理…時使用。

styled-jsx 的專家指南 — 適用於 React 和 Next.js 的作用域 CSS-in-JS。在使用 styled-jsx babel 外掛編寫元件作用域樣式時使用…

用於 json-render 的 Svelte 5 渲染器，可將 JSON 規格轉換為 Svelte 元件樹。適用於使用 @json-render/svelte、從 JSON 建構 Svelte 使用者介面等情境。

SWR 資料擷取專家指導。適用於建構 React 應用程式時，涉及客戶端資料擷取、快取、重新驗證、突變、樂觀更新 UI、分頁等功能。

將 TanStack Start 應用程式從 Cloudflare Workers 遷移到 Vercel。當使用者想要移動、遷移或移植 TanStack Start（或…

將 TanStack Start 應用程式從 Netlify 遷移至 Vercel。當使用者想要移動、遷移或移植 TanStack Start（或 TanStack）應用程式時，使用此技能。

Telegram 頻道專家工作流程：除錯 /api/channels/telegram/webhook，原生連接埠 8787 /telegram-webhook，webhookSecret，啟動清理，以及接受後…

使用 bash 工具分析並轉換文字檔案

Turbopack 專家指導。用於配置 Next.js 打包工具、優化 HMR、除錯建置問題，或了解 Turbopack 與 Webpack 的差異…

Turborepo 專家指導。用於設定或優化單一儲存庫建置、配置任務快取、遠端快取、平行執行或 --affected…

單體倉庫建置系統，具備智慧任務快取、平行執行與依賴圖譜編排功能。快取任務輸出並根據宣告的依賴關係平行執行任務；支援CI/CD工作流程的遠端快取。使用--affected過濾並僅執行變更的套件，或透過--filter進行自訂套件選擇。在turbo.json中設定任務的dependsOn、outputs、inputs與env鍵值；支援透過套件設定進行套件特定覆寫。強制執行單體倉庫...

基於 Tailwind CSS v4 的語意間距系統，使用區塊（32px）與標籤（4px）單位。適用於建構具一致間距的使用者介面、儀表板、管理後台等。

用於本地開發和測試的模擬 Twilio REST API。當用戶需要測試 Twilio 訊息、驗證、語音、電話號碼、Webhook、狀態…時使用。

當需要克隆時：

根據程式碼變更與PR審查來更新Next.js文件的引導式工作流程。透過分析git差異，使用程式碼對應文件的映射參考來識別受影響的文件。提供用於建立新功能文件（元件、函式、設定、指南、檔案慣例）的範本與規範。逐步引導更新現有文件，每次變更前均需使用者確認。包含驗證檢查清單與格式化指令，以確保格式正確...

為現有AI SDK提供者新增或移除過時的模型ID。用於新增模型至提供者、移除過時模型或處理清單時…

更新現有的 Vercel Shop 商店前端以套用較新的範本變更。當使用者想要檢查差異、規劃升級或將範本更新套用至…時使用。

由 Vercel 提供的 v0 專家指導。在討論 AI 程式碼生成、從提示生成 UI 元件、v0 CLI 使用、v0 SDK/API 整合等情境時使用。

在撰寫或優化 Next.js 伺服器內部效能關鍵的程式碼路徑時使用此技能，特別是每個請求的熱點路徑，例如渲染、串流、路由和快取。

用於本地開發與測試的模擬 Vercel REST API。當使用者需要在本地與 Vercel API 端點互動、測試 Vercel 整合時使用…

將應用程式與網站部署至 Vercel。當使用者提出部署相關要求時使用此技能，例如「部署我的應用程式」、「將此部署至正式環境」、「建立預覽部署」、「部署並給我連結」或「將此上線」。無需驗證即可取得預覽網址與可認領的部署連結。

Vercel Agent 指導 — AI 驅動的程式碼審查、事件調查與 SDK 安裝。自動化 PR 分析與異常除錯。在配置時使用…

Vercel AI SDK (Python) - 使用串流、工具、鉤子與結構化輸出建構 LLM 驅動應用程式的模式

Vercel MCP 和 REST API 專家指導。當代理需要即時存取 Vercel 專案、部署、環境變數、網域、日誌等時使用。

Vercel CLI 專家指導。用於部署、管理環境變數、連結專案、檢視日誌、查詢指標、管理網域，或…

用於在本地和 CI/CD 管線中部署、管理及開發 Vercel 專案的命令列介面。需透過 vercel link（單一專案）或 vercel link --repo（單一儲存庫）明確連結專案；指令必須在包含 .vercel/ 資料夾的目錄中執行。核心工作流程：vercel dev 用於本地開發、vercel deploy 用於預覽部署、vercel --prod 用於生產環境。支援環境變數、網域、DNS、區塊儲存、整合、Node.js 後端...

使用基於令牌的身份驗證在 Vercel 上部署和管理專案。當使用 Vercel CLI 並透過存取令牌而非互動式登入進行操作時使用 —…

可擴展的 React 組合模式。適用於重構含有大量布林屬性的元件、建構靈活的元件庫，或設計…

React組合模式，用於擴展元件並避免布林屬性過度擴散。涵蓋四個優先類別：元件架構、狀態管理、實作模式及React 19 API，每個類別包含特定規則與程式碼範例。包含10多種命名模式，處理複合元件、上下文提供者、狀態提升及明確變體。專為重構臃腫元件、建立可重用函式庫及審查元件架構決策而設計。React...

vercel-composition-patterns — 一個可安裝的 AI 代理技能，由 vercel-labs/openreview 發布。

將應用程式與網站部署至 Vercel，並提供可認領的預覽。當使用者要求執行如「部署我的應用程式」、「部署並給我…」等部署操作時使用。

Vercel Firewall 專家指導 — 自動 DDoS 緩解、Vercel WAF（自訂規則、IP 封鎖、受管規則集、速率限制）、攻擊模式、系統…

Vercel Flags 指南 — 功能標誌平台，提供統一儀表板、Flags Explorer、逐步推出、A/B 測試及供應商適配器。適用於…

Vercel Functions 專家指導 — 無伺服器函式、邊緣函式、流體運算、串流、Cron 工作與執行環境設定。適用於設定、…

在 Vercel 上建置、設定及部署微前端的指南。當使用者提及微前端、多區域、拆分應用程式……時，使用此技能。

用於Vercel部署專案的成本與效能最佳化，尤其適用於Next.js、SvelteKit、Nuxt及部分Astro應用。先收集Vercel指標、用量、專案配置與程式碼掃描結果；僅調查有指標佐證的候選項目；產出基於已驗證檔案及版本對應的Vercel/框架文件的排名建議。觸發情境包括Vercel帳單降低、緩慢或高成本路由、快取機會、函式調用次數、建置分鐘數、快速資料傳輸、核心...

針對 vercel-plugin 執行即時評估會話，以驗證鉤子行為、技能注入、去重正確性及覆蓋率。啟動真實的 Claude Code 會話…

使用 Vercel 的 experimentalServices API 構建 Python 後端服務。適用於創建 Python 後端，或包含 Python 後端的多服務專案…

Vercel Queues 指南（公開測試版）——具備主題、消費者群組、重試與延遲傳遞的持久化事件串流。每百萬次操作 0.60 美元。支援 Workflow…

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

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

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

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

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

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

React Native 和 Expo 在行動應用程式中實現高效能的最佳實踐，涵蓋列表渲染、動畫、導航及原生模組。包含八個按影響程度優先排序的規則類別：列表效能（FlashList、記憶化、回呼穩定性）、動畫（GPU 屬性、衍生值）、導航、UI 模式、狀態管理、渲染、單一儲存庫結構及配置。列表效能規則處理關鍵問題，如虛擬化大型列表、最佳化圖片及避免...

React Native 與 Expo 建立高效能行動應用程式的最佳實踐。使用

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Vercel Sandbox 指引 — 用於安全執行不受信任程式碼的臨時 Firecracker 微型虛擬機。支援 AI 代理、程式碼生成與實驗。適用於…

Vercel Services — 在單一 Vercel 專案中部署多項服務。適用於 monorepo 佈局，或當需要將後端（Python、Go）與前端結合時…

Vercel 儲存專家指導 — Blob、Edge Config 及 Marketplace 儲存（Neon Postgres、Upstash Redis）。適用於選擇、設定或使用資料時…

完整故事驗證 — 推斷使用者正在建構的內容，然後端到端驗證完整流程：瀏覽器 → API → 資料 → 回應。在開發伺服器上觸發…

用於 json-render 的 Vue 3 渲染器。在根據 JSON 規範建構 Vue 使用者介面、使用 @json-render/vue、定義 Vue 元件註冊表或進行渲染時使用。

審查UI程式碼是否符合Web介面指南。當被要求「審查我的UI」、「檢查無障礙性」、「審計設計」、「審查UX」或「檢查我的網站是否符合最佳實踐」時使用。

web-animation-design — 一個可安裝的AI代理技能，由vercel-labs/open-agents發布。

審查UI程式碼是否符合Web介面指南。當被要求「審查我的UI」、「檢查無障礙性」、「審計設計」、「審查UX」或「檢查我的網站…」時使用。

審查UI程式碼是否符合Web介面指南規範。當被要求「審查我的UI」、「檢查無障礙性」、「審計設計」、「審查UX」或「檢查我的網站…」時使用。

審查UI程式碼是否符合Web介面指南。當被要求「審查我的UI」、「檢查無障礙性」、「審計設計」、「審查UX」或「檢查我的網站…」時使用。

審查UI程式碼是否符合Web介面指南。當被要求「審查我的UI」、「檢查無障礙性」、「審計設計」、「審查UX」或「檢查我的網站…」時使用。

使用 webreel 創建並錄製腳本化的瀏覽器示範影片。可生成帶有游標動畫、按鍵疊加層及音效的 MP4、GIF 或 WebM 錄製內容…

WhatsApp 頻道專家工作流程：調試 Meta webhook 驗證/簽名、鏈路狀態投影、/whatsapp-webhook 快速路徑、啟動訊息等…

Vercel Workflow DevKit (WDK) 專家指導。用於建置需要暫停/恢復、重試機制的持久性工作流程、長時間執行任務、API 路由或代理程式時使用。

使用 Vercel 的 Workflow DevKit 建立持久、可恢復的工作流程。適用於需要應對重啟、暫停以等待外部事件的工作流程建置…

持久化、可恢復的工作流程，具備基於步驟的編排、外部事件鉤子，以及內建AI代理支援。支援三種執行模式：工作流程函式（編排層）、步驟函式（完整Node.js存取，含自動重試與結果持久化），以及用於AI驅動工作流程的DurableAgent（整合工具）。可在鉤子處暫停工作流程以等待外部事件，再從API路由恢復執行；鉤子支援單一事件或可迭代的多事件模式，並具備...

在 node_modules 中存在 Vercel Workflow SDK 之前，先進行安裝與配置。當使用者要求「安裝 workflow」、「設定 workflow」、「新增 durable…」時使用。

產生一份API參考頁面，記錄單一API表面（函式、元件、檔案慣例、指令或設定選項）。頁面應簡潔、易於掃讀，並以範例為導向。

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

審查文件/散文是否符合寫作指南規範。當被要求「審查我的文件」、「檢查寫作風格」、「審核散文」、「審查文件語氣與風格」或「根據寫作手冊檢查此頁面」時使用。

用於 json-render 的 StateStore 介面的 XState Store 適配器。在透過 @json-render/xstate 將 json-render 與 @xstate/store 整合以進行狀態管理時使用。

用於json-render的YAML線格式，支援串流解析器、提示生成及AI SDK轉換。適用於搭配@json-render/yaml、基於YAML的規範…

安裝 Zero 並載入版本匹配的工作流程與 zero 技能。

用於 zero-native 的探索技能，zero-native 是一個 Zig 桌面應用程式殼層，用於透過網頁 UI 建構原生應用程式。當使用者詢問什麼是 zero-native、如何建構……時使用。

用於 json-render 的 StateStore 介面的 Zustand 適配器。當透過 @json-render/zustand 將 json-render 與 Zustand 整合以進行狀態管理時使用。