在 AI 写代码这件事上，前端开发者这两年经历了一个明显的阶段变化：
从一开始的“能不能写”，
到后来的“能不能跑”，
再到现在越来越在意的——写得像不像一个真正懂 Vue 的人。
如果你经常让 AI 帮你写 Vue / Nuxt 项目，大概率会遇到这些问题：
- 同样的问题，不同 AI 给出的写法差异极大
- 官方 API 明明已经更新，生成的代码却还停留在旧版本
- 需要反复粘贴文档、强调版本、纠正用法
- 代码能跑，但明显不符合社区主流工程习惯
这些问题并不完全是模型能力不足，而是 AI 缺少对 Vue 生态长期、系统性的上下文认知。
最近，Vue 社区给出了一个非常工程化的解法：Vue 生态 Skills 全家桶。
Skills 是什么？它解决的不是“能力”，而是“上下文”
这里的 Skills，并不是教人学习的教程，也不是新的规范文档。
它的定位非常明确：
把 Vue 生态中已经沉淀好的“正确做法”，整理成 AI 可以直接加载和使用的能力集合。
可以理解为：
人类开发者通过文档和经验形成共识
Skills 负责把这些共识，直接交给 AI
这样 AI 在生成代码时，不再是“临时拼 API”，而是带着完整工程背景在写代码。
Vue 全家桶 Skills 从哪里来？
这套 Skills 的核心项目是 antfu/skills，由 Vue 核心团队成员 Anthony Fu 发起并维护。
如果你写 Vue 3 项目，很难绕开他的贡献：
- VueUse
- UnoCSS
- Slidev
- 大量 Vite 插件与工程化工具
也正因为他长期深度参与 Vue 生态的工程实践，这个 Skills 合集的可信度非常高——
它不是“总结别人经验”，而是把社区已经验证过的做法系统化输出。
antfu/skills 做了哪三件关键的事？
1️⃣ 把官方文档，转成 AI 可用的结构化能力
Vue、Nuxt、Pinia、Vite、Vitest、UnoCSS 等核心项目的官方文档，并不是简单摘要，而是被结构化处理成 Skills。
关键点在于：
- 仍然基于官方原文
- 不是二次解读，也不是个人总结
- 随着官方文档更新而同步演进
这意味着：
AI 参考的，是“第一手官方知识”，而不是过期的记忆片段。
2️⃣ 注入真实项目中的工程化最佳实践
除了文档本身，Skills 里还包含了大量 Anthony Fu 在真实项目中长期使用的工程配置与习惯，例如：
- pnpm 的使用方式
- eslint / vitest 的工程组织
- Vue 项目的目录结构与写法偏好
这些内容并没有被强行包装成“规范”，
而是作为背景知识存在，让 AI 输出的代码 更贴近真实项目，而不是示例代码。
3️⃣ 把分散的生态 Skills，整合成“一次安装”的全家桶
在此之前，Vue 生态已经出现了一些单点 Skills，例如：
- Vue Skills
- VueUse Skills
- 其他生态项目的 Agent Skills
antfu/skills 的价值在于：
不再一个库一个库装，而是一次加载，覆盖整个 Vue 开发生态。
这标志着 Skills 从“工具级尝试”，正式走向 生态级体系。
使用方式：极低成本，但收益明显
安装非常简单，一行命令即可：
pnpx skills add antfu/skills
装完之后，你不需要改变任何提问方式：
- 不需要学新指令
- 不需要写复杂 Prompt
- 不需要反复声明版本
你依然可以直接对 AI 说：
- “写一个 Vue3 组件，按最佳实践来”
- “用 VueUse 实现一个防抖搜索”
- “这个 Pinia store 的写法对吗？”
不同的是——
AI 给你的答案，会明显更接近 Vue 社区的共识写法。
适合哪些人？
这套 Vue 全家桶 Skills，尤其适合以下场景：
- 日常依赖 AI 辅助写 Vue / Nuxt 项目的开发者
- 希望统一 AI 生成代码风格的团队
- 想通过 AI 反向学习 Vue 最佳实践的开发者
它并不会替你“做决定”，
但会显著减少 低质量、非主流、容易踩坑的写法。
从 Vue Skills 到生态体系，一个重要信号
从最初的 Vue Skills、VueUse Skills，到现在的 antfu/skills 全家桶，可以明显看到一个趋势：
- Vue 社区并没有停留在“让 AI 会写代码”
- 而是在主动定义：AI 应该“按什么方式”写代码
这是一种非常工程化、也非常 Vue 的做法。
当这些长期沉淀的经验被整理成 Skills，
AI 才真正开始成为一个 遵循社区共识的协作者，而不是“随机代码生成器”。
总结
Vue 全家桶 Skills 的意义，不在于整合了多少工具，而在于它提供了一种新的协作模式：
把社区共识结构化 → 直接交给 AI → 输出更可靠的工程代码
如果你已经在用 AI 写 Vue 项目，这套 Skills 几乎是“零成本、高收益”的升级方案。
项目地址：
https://github.com/antfu/skills
在 Vue 这一块，AI 的使用方式，正在变得越来越靠谱。
文章评论