前几天我刚和大家连续分享了几个 Skills 项目:
Vue Skills:教 AI别乱写VueThreejs 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 项目,很可能都离不开他的东西:
VueUseUnoCSSSlidev各种 Vite插件生态
所以他来做 Skills 合集,就很像:
社区里最懂工程化的人,把 AI 的说明书顺手整理了一遍。
这就很值得信任。
📦 antfu/skills 里到底包含哪些内容?
这个项目最爽的一点就是:它不是零散的规则,而是一套完整合集。
大概分成三类:
🧑🔧 antfu 自己维护的最佳实践
比如他平时项目里常用的工具链习惯:
pnpmeslintvitestVue工程写法
属于“社区大神推荐姿势”。
📚 从官方文档同步生成的 Skills
这一块很关键,它直接从官方文档生成 Skills,比如:
VueNuxtPiniaViteVitestUnoCSS
最大好处就是:不容易过期,跟着生态一起更新。
🧩 生态里的 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 全家桶,真的值得装一下试试。
