Vercel 把 10 年 React 经验打包成 Skill 开源了(附安装方法)
大家好,我是 Immerse,一名独立开发者、内容创作者、AGI 实践者。 关注公众号:沉浸式AI,获取最新文章(更多内容只在公众号更新) 个人网站:https://yaolifeng.com 也同步更新。 转载请在文章开头注明出处和版权信息。 我会在这里分享关于 如果本文对您有所帮助,欢迎动动小手指一键三连( Vercel 开源了一个项目,叫 agent-skills。 他们把团队积累的 React、Next.js 开发经验,打包成了 AI 可以直接调用的技能包。 写代码时,AI 会自动检查性能问题、可访问性、最佳实践。相当于自动 Code Review。 react-best-practices:40 多条规则,分 8 个类别。 包括消除请求瀑布流、优化包体积、服务端性能、客户端数据获取。每条规则标注优先级(Critical、High、Medium)。 web-design-guidelines:100 多条规则。 涵盖可访问性、焦点状态、表单处理、动画、排版、图片、性能、导航、暗黑模式、触控交互、国际化。 vercel-deploy-claimable:在聊天窗口直接部署到 Vercel。 支持 40 多种框架,部署完给预览地址和认领地址。 装完不需要配置,AI 自动检测使用场景。写 React 组件时自动检查性能,说要部署时自动调用部署功能。 把经验和最佳实践结构化,让 AI 能理解和执行。 比文档好用,AI 会在写代码时主动提醒你。这些技能遵循 Agent Skills 标准,是开放格式。 项目地址:编程、独立开发、AI干货、开源、个人思考等内容。点赞、评论、转发),给我一些支持和鼓励,谢谢!
3 个技能包
安装和使用
npx add-skill vercel-labs/agent-skills工具支持

这个思路的价值
https://github.com/vercel-labs/agent-skills