Vercel技能

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

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

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

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

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject,…

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject,…

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

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

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

用於AI代理的瀏覽器自動化CLI。當用戶需要與網站互動時使用，包括瀏覽頁面、填寫表單、點擊按鈕、截取…

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

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

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

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

Python `ai` module — models, agents, hooks, middleware, MCP, structured output

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

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

為 ai-elements 函式庫建立新的 AI 聊天介面元件，遵循既有的可組合模式、shadcn/ui 整合以及 Vercel AI SDK…

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

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

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

Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified…

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

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

使用 Vercel AI SDK 建構 AI 驅動應用程式的參考文件與實作指南。涵蓋文字生成、串流、工具呼叫、結構化輸出、嵌入向量，以及使用 ToolLoopAgent 建構代理的核心 API。包含 React hooks（useChat、useCompletion）以及針對 Next.js、SvelteKit 和其他平台的框架特定模式。提供 OpenAI、Anthropic、Google 等提供者的整合指南，以及用於統一模型存取的 AI Gateway 設定...

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

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

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

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

Vercel AI SDK expert guidance. Use when building AI-powered features — chat interfaces, text generation, structured output, tool calling, agents, MCP…

Convert Next.js bundle analyzer data to NDJSON and explore it

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

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

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

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

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

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

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

驗證動畫持續時間、強制排版比例、檢查元件可及性，並防止 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 尖端平台功能（Workflow DevKit、AI Gateway、MCP、Chat SDK、Queues、Flags、Sandbox…）的先進 AI 代理基準測試場景。

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

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

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

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

Create and launch benchmark test projects to exercise vercel-plugin skill injection across realistic scenarios. Sets up isolated directories, installs the…

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

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

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

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

擷取API回應測試固定資料。

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

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

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

一次編寫聊天機器人，即可部署至 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 — 搭配…

Headless CMS integration guidance — Sanity (native Vercel Marketplace), Contentful, DatoCMS, Storyblok, and Builder.io. Covers studio setup, content modeling,…

Headless CMS integration guidance — Sanity (native Vercel Marketplace), Contentful, DatoCMS, Storyblok, and Builder.io. Covers studio setup, content modeling,…

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

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

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 中新增、編輯或除錯排程任務時使用。

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

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

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

Use this skill when changing conditional require() paths, Node-only imports, or edge/runtime branching.

使用 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 參數部署至正確的團隊...

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this…

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

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

為 AI SDK 函數開發範例。用於在 examples/ai-functions/src 下建立、執行或修改範例，以驗證提供者支援…

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

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

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

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

使用 agent-browser 透過 Chrome DevTools Protocol 自動化 Electron 桌面應用程式（如 VS Code、Slack、Discord、Figma、Notion、Spotify 等）。當使用者…

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

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

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

Local drop-in API emulator for Vercel, GitHub, Google, Slack, Apple, Microsoft, and AWS. Use when the user needs to start emulated services, configure seed…

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

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

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

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

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

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

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

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

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

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

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

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

Expert guidance for Geistdocs, Vercel's documentation template built with Next.js and Fumadocs — MDX authoring, configuration, AI chat, i18n, feedback,…

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

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

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

用於 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 chat response rendering guidance — handling UIMessage parts, tool call displays, streaming states, and structured data presentation. Use when building…

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 renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs…

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

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

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

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

列出 npm 套件壓縮檔的內容，在發布前使用。當使用者想查看 npm 套件中包含哪些檔案、驗證套件內容時使用…

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

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

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

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

Vercel Marketplace expert guidance — discovering, installing, and building integrations, auto-provisioned environment variables, unified billing, and the…

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

Adds AI Skills integration (Brand Review API) to a Sitecore Marketplace app. Use when the user wants to add AI-powered content analysis, brand review, or brand…

為 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 reference. Use when the user asks about SDK methods, types, queries, mutations, subscriptions, or how to use any Sitecore…

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

Expert guidance for micro — asynchronous HTTP microservices framework by Vercel. Use when building lightweight HTTP servers, API endpoints, or microservices…

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

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

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

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

Next.js adapter for embedding emulators directly in a Next.js app via @emulators/adapter-next. Use when the user needs to embed emulators in Next.js, set up…

用於 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.js 最佳實踐 — 檔案慣例、RSC 邊界、資料模式、非同步 API、元資料、錯誤處理、路由處理器、圖片/字型優化…

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

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

Mix static, cached, and dynamic content in a single Next.js route with Partial Prerendering. Enable with cacheComponents: true in next.config.ts ; replaces the old experimental.ppr flag Use the 'use cache' directive at file, component, or function level to cache async data with automatic key generation based on arguments and closures Control cache lifetime with cacheLife() using built-in profiles ( 'minutes' , 'hours' , 'days' , 'weeks' , 'max' ) or inline configuration with stale,...

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

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

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

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

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

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 安裝、設定等問題時觸發。

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

Automated Next.js version upgrades with official codemods and migration guide integration. Detects current Next.js version from package.json and fetches version-specific upgrade documentation from official guides Runs Next.js codemods automatically to handle breaking changes like async Request APIs, geo/IP property migrations, and dynamic import transformations Handles incremental upgrades for major version jumps (e.g., 13 → 14 → 15) and updates peer dependencies (React, React DOM,...

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

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

按照官方遷移指南和codemods將Next.js升級至最新版本

按照官方遷移指南和codemods將Next.js升級至最新版本

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

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

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

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

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

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

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

Stripe payments integration guidance — native Vercel Marketplace setup, checkout sessions, webhook handling, subscription billing, and the Stripe SDK. Use when…

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

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

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

審計真實專案中的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 頁面、資料擷取、套件最佳化或效能改善的任務。

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…

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

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

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs…

用於 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 層級邊界時，請使用此技能。

Redux adapter for json-render's StateStore interface. Use when integrating json-render with Redux or Redux Toolkit for state management via @json-render/redux.

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

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

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

Best practices for Remotion - Video creation in React

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

Emulated Resend email API for local development and testing. Use when the user needs to send emails locally, test transactional email flows, implement magic…

Use this skill when writing or modifying tests that involve prefetch requests, client router navigations, or the segment cache. The createRouterAct utility from test/lib/router-act.ts lets you assert on prefetch and navigation responses in an end-to-end way without coupling to the exact number of requests or the protocol details. This is why most client router-related tests use this pattern.

Vercel Routing Middleware guidance — request interception before cache, rewrites, redirects, personalization. Works with any framework. Supports Edge, Node.js,…

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

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and Builds.…

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. Shared across Functions, Routing Middleware, and Builds.…

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

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

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

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

Set up Vercel CLI and project configuration. Use when the user says "set up Vercel", "configure Vercel", "link to Vercel", or "vercel init".

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

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

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

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

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

使用 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 的專案時使用。提供…

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

Streamdown streaming-markdown expert guidance. Use when rendering streaming Markdown from AI models, building chat UIs with real-time content, or replacing…

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

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

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

Svelte 5 renderer for json-render that turns JSON specs into Svelte component trees. Use when working with @json-render/svelte, building Svelte UIs from JSON,…

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

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

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

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

Turbopack expert guidance. Use when configuring the Next.js bundler, optimizing HMR, debugging build issues, or understanding the Turbopack vs Webpack…

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

JavaScript/TypeScript 單一程式碼庫的建置系統。Turborepo 會快取任務輸出，並根據依賴圖平行執行任務。

JavaScript/TypeScript 單一儲存庫的建置系統。Turborepo 會快取任務輸出，並根據依賴圖平行執行任務。

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

Turborepo expert guidance. Use when setting up or optimizing monorepo builds, configuring task caching, remote caching, parallel execution, or the --affected…

當需要克隆時：

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

Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list of…

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

由 Vercel 提供的 v0 專家指導。適用於討論 AI 程式碼生成、從提示生成 UI 元件、v0 CLI 使用、v0 SDK/API 整合，或…

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

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

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

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

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

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

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

Vercel MCP and REST API expert guidance. Use when the agent needs live access to Vercel projects, deployments, environment variables, domains, logs, or…

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

從命令列部署、管理及開發 Vercel 上的專案

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

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

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

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

React composition patterns for scaling components and avoiding boolean prop proliferation. Covers four priority categories: component architecture, state management, implementation patterns, and React 19 APIs, each with specific rules and code examples Includes 10+ named patterns addressing compound components, context providers, state lifting, and explicit variants Designed for refactoring bloated components, building reusable libraries, and reviewing component architecture decisions React...

React composition patterns that scale. Use when refactoring components with

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

可擴展的 React 組合模式。適用於重構元件時

即時部署至 Vercel，自動偵測框架且無需驗證。將專案打包為 tarball，從 package.json 自動識別框架，並回傳即時預覽網址及可認領的部署連結，用於帳戶轉移。支援 React、Vue、Svelte、後端執行環境及靜態 HTML 專案等 20 多種框架。部署時排除 node_modules 與 .git 以縮小套件大小。回傳人類可讀網址及 JSON 輸出，便於程式整合。

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

將應用程式與網站部署至 Vercel。當使用者提出如「部署我的應用程式」、「將此部署至正式環境」等部署請求時，使用此技能。

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

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

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

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

Vercel Functions 專家指導 — 無伺服器函式、邊緣函式、Fluid Compute、串流、Cron 工作與執行時期設定。用於設定時…

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

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

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

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

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

Building Python backend services using Vercel's experimentalServices API. Use when creating Python backends, or multi-service projects with a Python backend…

Vercel Queues guidance (public beta) — durable event streaming with topics, consumer groups, retries, and delayed delivery. $0.60/1M ops. Powers Workflow…

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

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

React和Next.js效能優化指南，涵蓋8大類別共64條優先級規則。按影響程度組織，從關鍵瀑布流和套件優化到進階模式，每條規則包含錯誤/正確程式碼範例與說明。涵蓋八大領域：非同步模式、套件大小、伺服器端快取、客戶端資料擷取、重新渲染優化、渲染效能、JavaScript效率及進階模式。專為元件設計期間使用...

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring 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 建構高效能行動應用程式的最佳實踐。使用

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

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

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

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

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

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

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

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

Vercel storage expert guidance — Blob, Edge Config, and Marketplace storage (Neon Postgres, Upstash Redis). Use when choosing, configuring, or using data…

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

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

完整故事驗證 — 推斷使用者正在建構的內容，然後端到端驗證完整流程：瀏覽器 → 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」或「檢查我的網站…」時使用。

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

Create and record scripted browser demo videos with webreel. Generates MP4, GIF, or WebM recordings with cursor animation, keystroke overlays, and sound…

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

Vercel Workflow DevKit (WDK) expert guidance. Use when building durable workflows, long-running tasks, API routes or agents that need pause/resume, retries,…

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

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

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

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

Produce a technical guide that teaches a real-world use case through progressive examples. Concepts are introduced only when the reader needs them.

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

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

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

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