Vercel技能

opensrc/skills/opensrc

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

vercel-plugin/skills/payments

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

phase/skills/phase

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

open-agents/.agents/skills/plan-mode

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

vercel-plugin/.claude/skills/plugin-audit

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

portless/skills/portless

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

next.js/.agents/skills/pr-status-triage

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

ralph-gpu/SKILLS/ralph-gpu

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

json-render/skills/react

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

agent-skills/skills/react-best-practices

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

vercel-plugin/skills/react-best-practices

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

json-render/skills/react-email

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

json-render/skills/react-native

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

agent-skills/skills/react-native-skills

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

json-render/skills/react-pdf

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

json-render/skills/react-three-fiber

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

next.js/.agents/skills/react-vendoring

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

json-render/skills/redux

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

vercel-plugin/.claude/skills/release

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

json-render/skills/remotion

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

json-render/skills/remotion-best-practices

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

open-agents/.agents/skills/remove-demo-limits

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

emulate/skills/resend

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

next.js/.agents/skills/router-act

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

vercel-plugin/skills/routing-middleware

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

vercel-plugin/skills/runtime-cache

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

next.js/.agents/skills/runtime-debug

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

sandbox/skills/sandbox

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

vercel-openclaw/.agents/skills/sandbox-lifecycle-debug

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

vercel-openclaw/skills/sandbox-lifecycle-debug

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