Vercel 把 10 年 React 经验打包成 Skill 开源了（附安装方法）

大家好，我是 Immerse，一名独立开发者、内容创作者、AGI 实践者。

关注公众号：沉浸式AI，获取最新文章（更多内容只在公众号更新）

个人网站：https://yaolifeng.com 也同步更新。

转载请在文章开头注明出处和版权信息。

我会在这里分享关于编程、独立开发、AI干货、开源、个人思考等内容。

如果本文对您有所帮助，欢迎动动小手指一键三连(点赞、评论、转发)，给我一些支持和鼓励，谢谢！

---

Vercel 开源了一个项目，叫 agent-skills。

他们把团队积累的 React、Next.js 开发经验，打包成了 AI 可以直接调用的技能包。

写代码时，AI 会自动检查性能问题、可访问性、最佳实践。相当于自动 Code Review。

3 个技能包

react-best-practices：40 多条规则，分 8 个类别。

包括消除请求瀑布流、优化包体积、服务端性能、客户端数据获取。每条规则标注优先级（Critical、High、Medium）。

web-design-guidelines：100 多条规则。

涵盖可访问性、焦点状态、表单处理、动画、排版、图片、性能、导航、暗黑模式、触控交互、国际化。

vercel-deploy-claimable：在聊天窗口直接部署到 Vercel。

支持 40 多种框架，部署完给预览地址和认领地址。

安装和使用

npx add-skill vercel-labs/agent-skills

装完不需要配置，AI 自动检测使用场景。写 React 组件时自动检查性能，说要部署时自动调用部署功能。

工具支持

这个思路的价值

把经验和最佳实践结构化，让 AI 能理解和执行。

比文档好用，AI 会在写代码时主动提醒你。这些技能遵循 Agent Skills 标准，是开放格式。

---

项目地址：https://github.com/vercel-labs/agent-skills