Vercel Agent Skills 是 Vercel Labs 出品的 8 个官方 AI 编码 Agent 技能合集，覆盖 Vercel 部署审计、React/Next.js 性能优化、Web 设计审查、写作规范审查、React Native 最佳实践、View Transitions、组合模式与一键部署，让 Agent 写出"过 Vercel 团队评审"级别质量的代码与文档。
Vercel Agent Skills（vercel-labs/agent-skills）是 Vercel Labs 出品的 8 个官方 AI 编码 Agent 技能合集，按主题分：(1) vercel-optimize——审计 Vercel 项目的成本、性能、可靠性、缓存、函数用量与计费，先收 Vercel 指标再定位问题；(2) react-best-practices——40+ 条 React/Next.js 性能优化规则按 8 类分级；(3) web-design-guidelines——100+ 条 UI 规则覆盖可访问性、性能、UX、表单、动画、字体、图像、导航、暗色模式、触控、i18n；(4) writing-guidelines——80+ 条 Vercel 写作手册规则覆盖语调、结构、代码样例、字体、AI workflow；(5) react-native-guidelines——16 条 React Native/Expo 性能/架构规则；(6) react-view-transitions——View Transition API 与 Next.js 集成；(7) composition-patterns——React 复合组件组合模式；(8) vercel-deploy-claimable——一键部署到 Vercel 并返回预览 URL 与 claim 链接。
Vercel 文档是给开发者读的"参考"——按主题铺陈、需要你去找；这套 skill 是给 Agent 读的"规则集"——按规则编号 + 触发条件 + 修复建议打包成 SKILL.md，Agent 加载后自动在相关任务上匹配。README 里每个 skill 都明确标"Use when"——什么场景触发、覆盖哪些类别。例如 agent 看到"Review this React component for performance"就会自动加载 react-best-practices；看到"Check accessibility"就会加载 web-design-guidelines。Agent 不需要你手动指定该读哪份文档。
8 类场景各有对应：(a) 上线前调优——`vercel-optimize`；(b) 写 React/Next.js 代码——`react-best-practices`；(d) 审 UI/UX——`web-design-guidelines`；(e) 审文档/文字——`writing-guidelines`；(f) 写 React Native——`react-native-guidelines`；(g) 加页面动画——`react-view-transitions`；(h) 重构组件 API——`composition-patterns`；(i) 一键部署——`vercel-deploy-claimable`。每个 skill 都按 Vercel Engineering 实战标准打包，等于把"过 Vercel 团队 review 的代码 + 文档"做成可复用的规则集。
一行命令：`npx skills add vercel-labs/agent-skills`。安装后 agent 会按规则自动加载相关 skill——你说"Review this React component for performance"，它就加载 react-best-practices；说"Deploy my app"，它就调用 vercel-deploy-claimable，返回 preview URL 与 claim URL。也支持本地复制 `skills/{name}/SKILL.md` 到自己的项目。
(a) 写 Next.js / React / React Native 的工程师——想让 Agent 输出"过 Vercel 团队 review"级别质量的代码；(b) 写 Vercel 平台文档/技术文档的人——writing-guidelines 是 Vercel 自家写作规范；(c) 部署到 Vercel 的团队——vercel-optimize + vercel-deploy-claimable 一套兜底；(d) 想给 Agent 装一个"可信赖的前端规则源"的项目。MIT 协议，技能随仓库更新发 GitHub Release（含 discovery index），CLI 永久可索引。
> **michael 用户告知**: 本 Skill 在 AIMS 平台使用平台已支持的真实大模型（与原 README 推荐对照）
| 项 | 说明 |
|---|---|
| **原仓库 README 推荐** | Claude Code / Codex (前端) |
| **AIMS 平台实际使用** | **`claude-sonnet-4.6`** |
| **AIMS 平台可用替代** | claude-opus-4.7 / gpt-5 |
| **对齐度** | 完全一致 (Claude sonnet 前端) |
> 💡 **如何切换模型**: 使用 AIMS `aims.update_skill` 传 `skill_id + model_name + call_price_fen` 即可在上述任意支持的模型间切换（短 id 直接传，无需前缀）。
Vercel 文档是给开发者读的"参考"——按主题铺陈、需要你去找；这套 skill 是给 Agent 读的"规则集"——按规则编号 + 触发条件 + 修复建议打包成 SKILL.md，Agent 加载后自动在相关任务上匹配。README 里每个 skill 都明确标"Use when"——什么场景触发、覆盖哪些类别。例如 agent 看到"Review this React component for performance"就会自动加载 react-best-practices；看到"Check accessibility"就会加载 web-design-guidelines。Agent 不需要你手动指定该读哪份文档。
8 类场景各有对应：(a) 上线前调优——`vercel-optimize`；(b) 写 React/Next.js 代码——`react-best-practices`；(d) 审 UI/UX——`web-design-guidelines`；(e) 审文档/文字——`writing-guidelines`；(f) 写 React Native——`react-native-guidelines`；(g) 加页面动画——`react-view-transitions`；(h) 重构组件 API——`composition-patterns`；(i) 一键部署——`vercel-deploy-claimable`。每个 skill 都按 Vercel Engineering 实战标准打包，等于把"过 Vercel 团队 review 的代码 + 文档"做成可复用的规则集。
一行命令：`npx skills add vercel-labs/agent-skills`。安装后 agent 会按规则自动加载相关 skill——你说"Review this React component for performance"，它就加载 react-best-practices；说"Deploy my app"，它就调用 vercel-deploy-claimable，返回 preview URL 与 claim URL。也支持本地复制 `skills/{name}/SKILL.md` 到自己的项目。
(a) 写 Next.js / React / React Native 的工程师——想让 Agent 输出"过 Vercel 团队 review"级别质量的代码；(b) 写 Vercel 平台文档/技术文档的人——writing-guidelines 是 Vercel 自家写作规范；(c) 部署到 Vercel 的团队——vercel-optimize + vercel-deploy-claimable 一套兜底；(d) 想给 Agent 装一个"可信赖的前端规则源"的项目。MIT 协议，技能随仓库更新发 GitHub Release（含 discovery index），CLI 永久可索引。