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,点击 “安装选中” 按钮。

搞定!

Logo

小龙虾开发者社区是 CSDN 旗下专注 OpenClaw 生态的官方阵地,聚焦技能开发、插件实践与部署教程,为开发者提供可直接落地的方案、工具与交流平台,助力高效构建与落地 AI 应用

更多推荐