Vue 核心团队出手!Anthony Fu 发布 Skills 仓库,斩获 3K Star,AI 编程进入「官方投喂」时代
它不知道你喜欢用哪种 ESLint 配置,不知道 Nuxt 最新的模块怎么配,甚至有时候还在写 Vue 2 的老语法。AI 经常因为训练数据滞后而产生“幻觉”,现在有了这些实时同步的官方 Skill,AI 就能基于最新的文档回答问题,大大减少了胡言乱语的概率。:通过 Skill 机制,AI 可以只在需要写测试时加载 Vitest Skill,需要写动画时加载 Motion Skill,从而突破上下
Vue 核心团队成员 Anthony Fu 亲自下场了。
他在 GitHub 上发布了一个名为 antfu/skills 的新项目,短短一周时间,Star 数已经逼近 3K。
antfu/skills 是一个 Agent Skills(AI 代理技能) 的精选合集。
在 AI 辅助编程(如使用 Cursor, Claude Code 等)时,我们经常遇到一个问题:AI 虽懂语法,但不懂“行规”。它不知道你喜欢用哪种 ESLint 配置,不知道 Nuxt 最新的模块怎么配,甚至有时候还在写 Vue 2 的老语法。
antfu/skills 就是为了解决这个问题。它包含了 Anthony Fu 整理的一系列 最佳实践 和 官方文档精华。
这个仓库最有趣的设计,是它把 Skill 分为了两类:
1. 带着强烈个人色彩的 "Hand-maintained Skills"
这一部分被称为 Opinionated(固执己见/独断的)。
这里面的 antfu skill,完全就是 Anthony Fu 本人的编程分身。如果你喜欢他的开源项目风格,想写出和他一样的代码,直接加载这个 Skill 就行。
它包含了:
-
他偏好的 ESLint 配置
-
pnpm 的使用习惯
-
Vitest 的测试写法
-
Vue 的个人最佳实践
这就好比 Anthony Fu 坐在你旁边结对编程,时刻提醒 AI:“嘿,这里我们通常这么写。”
2. 绝对客观的 "Official Documentation Skills"
另一部分则是 Unopinionated(不偏不倚的)。
这部分内容直接源自 官方文档。Anthony Fu 采用了一种非常聪明的方式——利用 git submodules(Git 子模块)直接引用各个框架的官方文档仓库。
这意味着,这些 Skill 的内容是 永远保持最新 的,直接同步上游。
目前已经支持:
-
Vue: 涵盖核心响应式原理、Composition API。
-
Nuxt: 文件路由、服务器路由、模块系统。
-
Vite: 配置、插件、SSR。
-
Pinia: 类型安全的状态管理。
-
Vitest: 单元测试框架。
-
Slidev: 开发者幻灯片工具。
-
UnoCSS: 原子化 CSS 引擎。
这一点非常关键。AI 经常因为训练数据滞后而产生“幻觉”,现在有了这些实时同步的官方 Skill,AI 就能基于最新的文档回答问题,大大减少了胡言乱语的概率。
为什么是 "Skills" 而不是 "AGENTS.md"?
在 README 中,Anthony Fu 也提到了一个值得思考的观点。
现在很多项目流行在根目录放一个 AGENTS.md,把所有上下文一次性塞给 AI。这种做法虽然稳妥,但上下文窗口毕竟有限,而且不够灵活。
Anthony 认为,Skills 的核心价值在于“可共享”和“按需加载”。
-
可共享:好的 Prompt 不应该只藏在某个项目里,而应该像 npm 包一样被分发、复用。
-
按需加载:通过 Skill 机制,AI 可以只在需要写测试时加载 Vitest Skill,需要写动画时加载 Motion Skill,从而突破上下文长度的限制。
安装非常简单,你需要先安装 skills CLI 工具(通常由 Vercel Labs 提供支持),然后一行命令即可:
# 安装特定的 skill
pnpx skills add antfu/skills --skill='vue'
# 或者一次性把托尼老师的全套技能包带回家(慎用,可能会撑爆上下文)
pnpx skills add antfu/skills --skill='*' -g
这里更推荐大家用这个开源可视化工具来安装,清晰明了,输入仓库地址 antfu/skills 即可:Skills Hub https://github.com/qufei1993/skills-hub
选择需要安装的 Skills,点击 “安装选中” 按钮。
搞定!
更多推荐

所有评论(0)