Vercel 把 10 年 React 经验打包成 Skill 开源了(附安装方法)
大家好,我是 Immerse,一名独立开发者、内容创作者、AGI 实践者。,获取最新文章(更多内容只在公众号更新)也同步更新。转载请在文章开头注明出处和版权信息。我会在这里分享关于编程独立开发AI干货开源个人思考等内容。如果本文对您有所帮助,欢迎动动小手指一键三连(评论转发Vercel 开源了一个项目,叫 agent-skills。他们把团队积累的 React、Next.js 开发经验,打包成了
大家好,我是 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
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)