用 writing-guidelines 給文檔做一次 Vercel 寫作規範審計
介紹 Vercel Labs 的 Agent Skill「writing-guidelines」：按 Vercel Writing Guidelines 審查文檔與 prose 的語氣、結構、可讀性與排版。說明其歸屬與版本、每次審查前拉取遠程 command.md 的機制、80+ 規則覆蓋範圍、file:line 輸出格式，以及用 npx skills add 在 Cursor / Claude Code / Codex 等工具中的安裝與觸發方式，並列出聯網依賴、Vercel 站點專屬約定等注意事項。
閱讀全文用 web-design-guidelines 給 AI 寫出的 UI 做一次規範審計
介紹 Vercel Labs 的 Agent Skill「web-design-guidelines」：按 Web Interface Guidelines 審查 UI 的可訪問性、UX 與性能合規性。說明其歸屬與版本、每次審查前拉取遠程規範的機制、100+ 規則覆蓋範圍、file:line 輸出格式，以及用 npx skills add 在 Cursor / Claude Code / Codex 等工具中的安裝與觸發方式，並列出適用場景與聯網依賴等注意事項。
閱讀全文用 composition-patterns 讓 AI 寫出可維護的 React 組合代碼
介紹 Vercel 出品的 Agent Skill composition-patterns（vercel-composition-patterns，v1.0.0）：用複合組件、提升狀態與顯式變體避免布爾 props 擴散，覆蓋架構、狀態、實現模式與 React 19 API 四類規則。文中說明如何用 npx skills 安裝到 Cursor / Claude Code / Codex 等工具，並給出官方示例級的重構與 Context 接口用法。
閱讀全文用 react-best-practices 給 AI 編程加上 React 性能守門員
介紹 Vercel 官方 Agent Skill「react-best-practices」（正式名 vercel-react-best-practices）：將 React/Next.js 性能經驗整理爲按影響排序的規則集，當前 SKILL.md 含 70 條、覆蓋 8 類，優先消除請求瀑布與 bundle 浪費。說明來源歸屬、八大類規則、安裝命令（npx skills add … --skill vercel-react-best-practices）、在 Cursor/Claude Code/Codex 等工具中的觸發用法，以及適用場景與名稱/版本注意事項。
閱讀全文vercel-deploy：讓 AI Agent 一鍵把項目部署到 Vercel
vercel-deploy 是 OpenAI skills 精選目錄中的 Vercel 部署 Skill，指導 AI Agent 將應用一鍵部署到 Vercel。默認走預覽部署；優先使用 Vercel CLI，未登錄時自動降級到 deploy.sh 腳本，無需事先配置賬號即可返回 previewUrl 與 claimUrl。支持 Next.js、Nuxt、Astro 等框架自動檢測，適用於 Cursor、Codex CLI、Claude Code 等工具。
閱讀全文