Vue 官方团队成员做了一套 AI 编程技能包，Star 破 5K

Vue 官方团队成员做了一套 AI 编程技能包，Star 破 5K

Anthony Fu 这个名字，前端圈应该不陌生——Vue 核心团队成员，Vite、Vitest、UnoCSS 的作者，开源圈公认的「劳模」。

现在他把自己多年的工程经验，整理成了一套 AI Agent Skills，直接扔上了 GitHub：https://github.com/antfu/skills，Star 已经破了 5600。

为什么值得看？因为他解决的是一个很具体的问题——

AI 懂语法，但不懂「行规」。

你让 AI 帮你写个 Vue 组件，它可能还在用 Options API 而不是 Composition API。你让它配置 ESLint，它不知道你用的是 @antfu/eslint-config。你让它写测试，它不知道 Vitest 的快照应该放在哪个目录。

antfu/skills 就是来解决这个的。

三套技能，覆盖三种场景

Anthony 把这套 Skills 分成了三类：

• Hand-maintained（个人偏好）——这是 Anthony 本人的「编程分身」。eslint 配置怎么配、pnpm 怎么用、Vitest 怎么写测试、Vue 最佳实践是什么，全是他在 GitHub 上 thousands of PRs 里积累出来的经验。
• Official Documentation（官方文档）——Vue、Nuxt、Pinia、Vite、VitePress、Vitest、UnoCSS、pnpm 的官方文档，直接用 git submodule 引用上游仓库，保持永远最新。AI 读到的永远是最准确的官方用法，不会被训练数据里的过时写法带偏。
• Vendored（外部同步）——从 Slidev、Turborepo、VueUse 这些项目的官方 Skills 同步过来，保持版本一致。

最大的亮点：git submodule 保持文档永远最新

大多数 Skill 仓库的问题是：文档会过时。今天写的 Skill，下个月框架更新了就废了。

antfu/skills 的解法很聪明——用 git submodule 直接引用上游官方文档仓库。上游文档更新了，你的 Skills 自动就同步了。AI 每次读到的都是最新版的官方用法，不会拿过时的 API 教你写代码。

安装超简单

一条命令装完，不需要手动配置：

npx skills add antfu/skills --skill='*'

想装特定的也行：

npx skills add antfu/skills --skill='vue'
npx skills add antfu/skills --skill='vite'

适合谁

如果你用 Vue / Vite / Nuxt 做开发，想让 AI 编程助手更懂你的项目规范，这套 Skills 值得试试。Anthony Fu 的工程经验直接进到了 AI 的上下文里，相当于请了一个 24 小时不下班的资深同事。

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

GitHub: https://github.com/antfu/skills