闭眼冲！Vue 生态 Skills 全家桶！@Anthony Fu 力作！

前几天我刚和大家连续分享了几个 Skills 项目：

• Vue Skills：教 AI 别乱写 Vue
• Threejs Skills：教 AI 写 Three.js 少踩坑

当时很多人留言问：

那 VueUse 有没有 Skills？

我本来确实准备再写一篇分享 VueUse Skills 的。

结果没想到，刷推特的时候看到 @Anthony Fu 直接来了个更狠的：

Vue 生态 Skills 全家桶合集。

也就是说：不是一个库一个库装，而是直接一套打包好了。

项目名字也很简单：👉 antfu/skills

🔥 Vue 生态 Skills 全家桶

@Anthony Fu 在推特上正式介绍了这个项目。

antfu/skills 是 Vue 生态的 Skills 全家桶合集。

它把 Vue 开发里最常用的那一套工具：

Vue / Nuxt / Vite / Pinia / VueUse …

直接整理成了一套 Skills。

你可以理解成：装一次，AI 写 Vue 项目会更像一个真正懂 Vue 的人。

这真的很“Vue 社区速度”。

👀 antfu 是谁？为什么他做这个特别有说服力？

这里简单说一下：

@Anthony Fu 绝对是 Vue 生态里最重要的开源贡献者之一。

你每天写 Vue3 项目，很可能都离不开他的东西：

• VueUse
• UnoCSS
• Slidev
• 各种 Vite 插件生态

所以他来做 Skills 合集，就很像：

社区里最懂工程化的人，把 AI 的说明书顺手整理了一遍。

这就很值得信任。

📦 antfu/skills 里到底包含哪些内容？

这个项目最爽的一点就是：它不是零散的规则，而是一套完整合集。

大概分成三类：

🧑‍🔧 antfu 自己维护的最佳实践

比如他平时项目里常用的工具链习惯：

• pnpm
• eslint
• vitest
• Vue 工程写法

属于“社区大神推荐姿势”。

📚 从官方文档同步生成的 Skills

这一块很关键，它直接从官方文档生成 Skills，比如：

• Vue
• Nuxt
• Pinia
• Vite
• Vitest
• UnoCSS

最大好处就是：不容易过期，跟着生态一起更新。

🧩 生态里的 Skills 也被直接收进来了

这里就更有意思了，它把之前我们聊过的 Skills 也串起来了，比如：

• VueUse Skills（vueuse/skills）
• vue-skills 那套最佳实践
• Vercel 的 Agent-skills

所以你会发现：

Vue 生态的 Skills 已经不是“单点项目”，开始变成体系了。

⚡ 如何快速使用？

使用方式非常简单，一行命令就够：

pnpx skills add antfu/skills

装完之后你不需要学新东西，也不用改提问方式。

你照常跟 AI 说需求就行，比如：

• “写一个 Vue3 组件，按最佳实践来”
• “用 VueUse 做个防抖搜索”
• “Pinia store 这样写对吗？”

AI 输出的代码会更贴近 Vue 社区的习惯，而不是随便拼 API。

🔮 Vue 生态真的走得太快了

从 Vue Skills，到 VueUse Skills，再到现在的 antfu/skills 全家桶。

你会感觉 Vue 社区对 AI 这波反应特别快。

大家已经不满足于：“让 AI 写代码”

而是在认真做一件事：

让 AI 按正确方式写代码。

当这些经验被整理成 Skills，

普通前端写 Vue 项目的门槛，也会越来越低。

🔗 项目地址

• antfu/skills：https://github.com/antfu/skills

如果你平时就用 AI 写 Vue，

这个 Skills 全家桶，真的值得装一下试试。