核心思想
作者的设计原则、与同类项目的差异化定位、关键工作流的简要介绍。文中提到的技能名称会自动链接到对应技能页。
本技能集基于 Agent Skills 规范，为 AI 编程代理扩展以 Vercel 和前端最佳实践为核心的技能。其特点为模块化（每技能专注单一领域）与模型自动触发（代理在识别相关任务时自动加载）。
react-best-practices / web-design-guidelines / writing-guidelines：审查代码、UI、文档react-view-transitions、composition-patterns、react-native-skills：React/RNA 模式通过 npx skills add 安装后，代理在检测到如“部署应用”或“审查 UI”等任务时自动使用对应技能，无需手动调用。
技能组成
每个技能都为某种调用者设计——有的必须由你点名触发，有的则由模型自动按上下文加载。下面的两张卡片一眼看清整个技能集的触发分工。
这些技能期待被用户手动直接点名使用。
技能清单
通过 Vercel CLI 或无鉴权脚本将应用/网站部署到 Vercel。检查项目状态，选择方法（git 推送、vercel deploy、先链接后部署、兜底脚本），默认预览部署。产出实时 URL 并将项目关联 git 推送部署以便长期维护。
通过 Vercel CLI 使用令牌认证（无需交互登录）部署和管理项目。从环境变量或 .env 定位令牌，关联项目，默认预览部署，管理环境变量与域名。价值：安全、非交互、适合 CI 的 Vercel 操作流程。
提供 React 组合模式的风格指南技能，通过复合组件、状态提升和显式变体避免布尔属性膨胀。借助带代码示例的优先级规则，帮助构建灵活可维护的组件，让人与 AI 代理在扩展时更轻松。
用于已部署项目（Next.js、SvelteKit、Nuxt、受限 Astro）的 Vercel 成本与性能优化。方法：收集 Vercel 指标/用量/配置，运行确定性门控筛选指标支撑的候选，深度调查并产出排名建议。价值：以经验证、有引用的行动降低账单并改善核心 Web 指标。
Vercel 维护的 React/Next.js 性能优化指南，含 8 类 70 条规则。提供消除瀑布流、包优化、服务端/客户端渲染与重渲染的优先最佳实践。帮助 Agent 编写、审查、重构代码以提升性能、减小包体积。
一个风格指南技能，提供 React Native 与 Expo 应用在性能、动画、UI、配置等方面的分级最佳实践。它提供分类规则文件含代码示例及整合的 AGENTS.md，帮助开发者编写高效、正确的原生代码，规避常见陷阱。
使用 React 视图过渡 API 实现流畅原生动画的指南。提供组件用法、CSS 配方、过渡类型与有序实现模式。产出为带优雅降级的动画 UI，无需第三方动画库。
审查 UI 代码是否符合 Vercel Web 界面指南。获取最新规则，检查用户文件，输出简洁的 `文件:行号` 结果。帮助确保 Web 项目的无障碍性、UX 和设计最佳实践。
审查文档与散文是否符合写作规范。从指定 URL 获取最新规则，检查用户指定文件，以简明“文件:行号”格式输出问题。帮助团队在文档中保持统一语气与风格，降低人工校对成本。
安装方式
在终端复制并运行以下命令，即可将 vercel-labs/agent-skills 添加到 Agent 环境。
npx skills add vercel-labs/agent-skills