Agent Skills：给 AI 编程助手装上技能包

Agent Skills：给 AI 编程助手装上技能包

Vercel Labs 开源的 Agent Skills，拿到了 27k+ 的 Star。

这个项目做了一件事：给 AI 编程助手提供可复用的技能包。

技能包本质上是打包好的指令和脚本，安装后 AI 就能自动识别任务并调用对应能力。整个格式遵循 Agent Skills 标准。

目前仓库里提供了 8 个技能：

• vercel-optimize：审查 Vercel 项目的成本、性能、缓存和计费问题
• react-best-practices：React 和 Next.js 性能优化指南，40+ 条规则分 8 个类别
• web-design-guidelines：审查 UI 代码的可访问性、性能和体验，覆盖 100+ 条规则
• writing-guidelines：按照 Vercel 写作规范审查文档和文案，80+ 条规则
• react-native-guidelines：React Native 开发的最佳实践，16 条规则涵盖 7 个方面
• react-view-transitions：React 视图过渡动画的完整实现指南
• composition-patterns：React 组合模式，解决布尔属性过多的问题
• vercel-deploy-claimable：一键部署应用到 Vercel，自动识别 40+ 框架

安装一行命令：

npx skills add vercel-labs/agent-skills

安装后技能自动生效，AI 根据任务内容匹配对应技能。

举个例子，你对 AI 说"帮我优化一下这个页面"，它就调用 react-best-practices，按照 40 多条规则去检查代码。再说"部署上线"，它就走 vercel-deploy-claimable 的流程，打包上传，返回预览链接和认领链接。

每个技能包的结构很清晰：一个 SKILL.md 写明指令，scripts 目录放自动化脚本，references 目录放参考文档。想自己做一个技能包也不复杂。

这套方案解决的问题很直接：AI 编程助手的能力取决于它掌握的上下文，技能包把散落的经验和规范整理成可执行的单元，装上就能用，不用每次都手动喂资料。

现在做 AI 编程工具的团队不少，但很少有人把"技能复用"做得这么系统。Vercel 这个项目算是开了一条路。

但很少有人把"技能复用"做得这么系统。Vercel 这个项目算是开了一条路。