Vue Skills、React Skills来了，开发大牛都在推
最近AI圈冒出个新词：Skills。到处都在说。
VS Code的Agent在用，Copilot在用，Claude Code也在用。各种AI框架都在聊这个。
以前我们让AI写代码，就是一句话："帮我写个vue组件"。现在这么干不行了。这样写出来的代码有股AI味儿。看着眼熟，结构雷同，翻来覆去就那几个模式，空洞得很。
Vercel团队先动了。他们把自己十多年做react和Next.js的经验，整理成了一套"React Skills"。这套东西把几十条性能优化规则打包好，让AI直接调用。
发布之后，很多人喊：Vue版本呢？
Vue版本来了
Vue核心成员Anthony Fu给出了答案。他发布了一个叫antfu/skills的项目，把Vue生态里最常用的那一套工具全打包成了Skills。
这个项目刚发布几小时，就收获了200多个star。Vue创始人尤雨溪也转发了，表示认可。项目作者Yunfei He是VoidZero团队成员，也参与了开发。
Skills到底是什么
Skills可以理解成一套标准化的知识包。它把官方文档、最佳实践、代码习惯都整理好，让AI可以直接拿来当知识来源。
以前AI写代码是靠记忆瞎蒙，现在有了Skills，它手里有了说明书。
这包里都有啥
antfu/skills这个全家桶分三类：
第一类是Anthony Fu自己维护的最佳实践。比如他平时项目里用的pnpm、eslint、vitest这些工具链的习惯写法。相当于社区大神推荐的"正确姿势"。
第二类是从官方文档同步生成的Skills。包括Vue、Nuxt、Pinia、Vite、Vitest、Unocss这些。好处是不容易过期，跟着生态一起更新。
第三类是生态里已有的Skills也被收进来了。比如之前有人做的VueUse Skills，还有那套vue-skills的最佳实践。
具体有哪些能用的？光Vue相关的就不少：
vue-best-practices：Vue 3加Composition api加TypeScript的最佳实践，常见陷阱、SSR指导、性能优化都有
vue-development-guides：教你怎么拆组件、设计数据流、组织代码
vue-pinia-best-practices：Pinia状态管理该怎么写
vue-router-best-practices：导航守卫、路由参数这些怎么用
vue-testing-best-practices：组件测试和E2E测试
vue-debug-guides：运行时错误怎么排查，异步错误怎么处理
create-adaptable-composable：教你怎么写可复用的composables
怎么用
安装就一行命令：
pnpx skills add antfu/skills如果想装单个技能，也可以指定：
npx skills add antfu/skills --skill vue装完之后不用改提问方式。你照常跟AI说需求就行，比如"写一个Vue3组件，按最佳实践来"。AI输出的代码会更贴近Vue社区的习惯，不是随便拼API。
React那边也很猛
Vercel发布的react-best-practices更夸张，包含了40多条性能优化规则，分成8大类。优先级从关键到低，排在最前面的是消除异步瀑布流和减少包体积——这是Vercel工程团队发现的生产环境最常见的问题根源。
每条规则都配了代码示例，告诉你什么写法不对，什么写法对。这些规则最后会编译成一个AGENTS.md文档，AI审查或重构代码的时候可以直接查。
安装也简单：
npx skills add vercel-labs/agent-skills这个项目现在GitHub上已经有超过2.1万个star，每周安装量超过15万。
有什么不一样
有人担心安全问题，说万一有人在技能描述里搞供应链攻击怎么办。也有人觉得可能方向不对，说AI写代码出问题，大多不是因为不懂React优化规则，而是不理解业务逻辑。
但更多人觉得有用。有做vibe coding的人说，这些技能对提示词工程帮助很大。
静态规则和动态技能的区别
以前我们给AI设规则，都是静态的。比如在项目里放个agents.md文件，规定"永远用Tailwind版本4"、"永远用React 19"。这些规则每次对话都在。
Skills不一样。它是动态的。你在写代码的时候，可能突然说"帮我在这里加个缓存"，AI就会去翻技能库：我有这方面的技能吗？知道该怎么写吗？有的话就按技能里的规则来。
对开发者意味着什么
这套东西的出现，标志着AI辅助编程在变。以前是"让AI写代码"，现在开始做"让AI按正确方式写代码"。
对于React开发者，Vercel那套是权威指南，浓缩了十多年实战经验。对于Vue开发者，Anthony Fu这个版本同样值得信，他本身就是核心成员，深谙Vue的设计哲学。
当这些经验被整理成Skills，普通前端写Vue项目的门槛也会越来越低。你不需要自己记那么多最佳实践，AI会帮你记。
现在就可以试试。装一个，看看你的工作流会不会变。
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！