vercel-react-native-skills:面向 AI 編程的 React Native / Expo 實踐指南

react-native-skills(vercel-react-native-skills)是 vercel-labs/agent-skills 中的 MIT 開源 Skill,面向 React Native 與 Expo,將列表性能、Reanimated 動畫、原生導航、UI 模式、狀態與 monorepo 等實踐整理爲 rules 目錄下的規則文件,並彙總於 AGENTS.md。通過 npx skills add vercel-labs/agent-skills 安裝後,Agent 在移動端相關任務中可自動引用;與同倉庫 react-best-practices 形成 Web 與移動互補。

閱讀全文
dsh-vercel-mcp:爲 DeepSeek Harness 提供官方 Vercel MCP 連接

`dsh-vercel-mcp` 是一個爲 DeepSeek Harness (DSH) 提供官方 Vercel MCP 連接的插件。它解決了原內置客戶端不支持 OAuth 2.0 認證的問題,實現了動態客戶端註冊、PKCE 校驗及 Token 自動刷新。該插件通過 Web 設置面板或 Agent 命令進行授權,作爲代理會話中的 `mcp__vercel__*` 工具暴露部署、項目管理、域名及環境變量等 API 功能,支持直接與 Vercel 平臺交互。

閱讀全文
用 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 等工具。

閱讀全文