用 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 等工具。
阅读全文