Vercel

nextjs-turbopack 技能可協助你在 Next.js 16+ 中使用 Turbopack，以提升本機開發速度、HMR 與打包器決策效率。它可作為實用的 nextjs-turbopack 指南，涵蓋安裝、使用，以及在 Frontend Development 工作流程中何時切回 webpack。

bun-runtime 技能可協助你判斷是否要在新的 JavaScript 或 TypeScript 專案中採用 Bun，也適用於 Node 遷移、腳本執行、測試與 Vercel 部署情境。內容涵蓋 bun-runtime 的使用方式、安裝評估指引、Bun 與 Node 的取捨，以及前端與全端開發的實務工作流程。

setup-deploy 是 gstack 的部署設定技能，可偵測你的部署平台、正式環境 URL、健康檢查端點與部署狀態命令，並將設定寫入 CLAUDE.md，讓後續部署可以重複套用。當你需要把部署探索流程轉成已保存的專案工作流程時，就適合使用 setup-deploy。

nextjs-app-router-patterns 協助開發者規劃 Next.js 14+ App Router 架構，涵蓋 Server Components、streaming、caching、route handlers 與 Server Actions，適用於全端開發與從 Pages Router 遷移的情境。

vercel-cli-with-tokens 協助代理在不走互動式登入的情況下，以 access token 使用 Vercel CLI。可依其以驗證為先的流程，先找出 token、匯出 `VERCEL_TOKEN`，再於 headless 或 CI 類環境中處理 deploy、link 與 env 管理。

deploy-to-vercel 是一項用於 Vercel 部署的技能，會先檢查 repo 狀態、專案連結、CLI 驗證與 team scope，再執行部署。預設採用 preview deploy，也支援輔助腳本，能更穩定地取得部署 URL、減少猜測。

web-design-guidelines 會依 Vercel Web Interface Guidelines 檢查 UI 程式碼，抓取最新規範，並以精簡的 file:line 結果回報，適合聚焦 UX 與無障礙稽核。

develop-ai-functions-example 可協助你在 vercel/ai 的 `examples/ai-functions/src/` 下建立或修改可執行的 AI SDK 範例。適合用來判斷正確的範例類別、對齊 repo 慣例，並建立精簡範例，以供 provider 驗證、展示或測試 fixtures 使用。

add-provider-package 是一份聚焦於在 vercel/ai 中建立新 `@ai-sdk/<provider>` 套件的實作指南，協助貢獻者與 API 團隊依循 AI SDK 的 provider 架構、套件結構與實作流程來新增 provider。

next-best-practices 是一套實用的 Next.js 技能，適合處理 App Router 開發，涵蓋檔案慣例、RSC 邊界、async API、資料模式、route handlers、bundling 與錯誤處理。

next-cache-components 介紹 Next.js 16 的 Cache Components：啟用 `cacheComponents`、使用 `use cache`、設定 `cacheLife`、套用 `cacheTag`，並透過 Suspense 串流動態區段。

next-upgrade skill 可協助真實的 Next.js 專案升級，結合官方 migration guides、codemods、逐步版本升級流程，以及相互協調的相依套件更新。

project-tooling 協助驗證 gh、vercel、supabase，以及可選的 render CLI 設定，適用於部署、CI/CD 與工作流程自動化。使用這份 project-tooling 指南，可在執行 repo 或平台任務前，先確認安裝狀態、驗證登入與就緒程度。

videoagent-video-studio 是一個可依文字、圖片與參考素材生成短篇 AI 影片的技能。可用來測試 text-to-video 與 image-to-video 工作流程、比較支援模型，並以 Node 18+ 執行代管 proxy 或自行部署的 self-hosted 設定。

videoagent-image-studio 是為 Node 型代理設計的統一圖片生成技能。它以單一 CLI 流程整合 Midjourney、Flux、Ideogram、Recraft、SDXL 等模型，提供代理支援的設定方式、模型選用指引，以及適合自動化流程的標準化輸出。

使用 web-design-guidelines 依據最新的 Web Interface Guidelines 審查 UI 程式碼。非常適合聚焦於 web-design-guidelines 的 UX 稽核流程，可在發佈前提供精簡的 file:line 發現、無障礙檢查與介面合規審閱。

vercel-react-best-practices 是由 Vercel Engineering 提供、聚焦效能的 React 與 Next.js 實作指南。當你在重構元件、路由或資料擷取時，使用 vercel-react-best-practices skill，可幫助你減少 waterfall、縮小 bundle、改善渲染，並更快交付前端程式碼。

vercel-deploy 可用最少的設定，協助你將應用程式與網站部署到 Vercel。它以 preview-first 部署流程為設計核心，提供清楚的安裝與使用步驟，並在 CLI 不可用或缺少 auth 時提供可靠的備援方案。適合先快速產生可分享連結，之後只有在你要求時再發布正式 production。

netlify-blobs 是一份用於 Backend Development 的零設定物件儲存指南。使用 netlify-blobs skill 來安裝與管理檔案、圖片、上傳內容、匯出檔，以及快取的二進位成品，並透過 `getStore()`、CRUD 操作、metadata 和本機開發流程來操作。它不適合動態資料；動態資料請改用 Netlify Database。

使用 ai-sdk skill 安裝核心 `ai` 套件、核對最新官方文件，並在全端應用中採用現代用法，包括 streaming、tools、agents、`useChat` 與以 gateway 為優先的整合方式。