这个仓库严格来说不是“一个 Skill”，而是 Anthony Fu（Vue/Vite 生态知名开源作者）维护的一整套前端开发 Agent Skills 集合，尤其适合 Vue、Nuxt、Vite 和 TypeScript 技术栈。

它有什么作用

安装后，Codex、Claude Code 等支持 Agent Skills 的编程助手，可以在相关任务中按需读取这些规范。例如：

  • 创建 Vue/Nuxt 项目时采用更合适的目录和编码习惯
  • 正确配置 Vite、Vitest、UnoCSS、Pinia
  • 使用 pnpm 管理依赖和 monorepo
  • 遵循 Vue 3 Composition API 与 TypeScript 最佳实践
  • 开发、测试和发布纯 ESM 的 npm 库
  • 按 Anthony Fu 偏好的方式配置 ESLint、Git Hooks、tsdown 等工具

它相当于给 AI 加了一套“Vue/Vite 前端工程知识库与工作规范”，并不是新的模型或可执行插件。

当前包含哪些 Skill

仓库里的内容大致分为三类。

1. Anthony Fu 手工维护的偏好规范

  • antfu：JavaScript/TypeScript 项目组织、工具选择和工程约定
  • antfu-design：以 UnoCSS、语义化设计令牌和工具型界面为核心的设计规范

其中 antfu 是最有个人风格的一个，主要主张：

  • 优先 pnpm
  • 测试使用 Vitest
  • ESLint 同时负责代码检查和格式化
  • 类型、常量和复杂职责适当拆分
  • 优先显式导入，减少自动导入产生的“魔法”
  • 新项目默认不用 @/ 等路径别名
  • 库优先使用纯 ESM
  • monorepo 使用 pnpm workspace
  • 注释主要解释“为什么”，而不是重复代码行为

这些具体规则可以在 antfu/SKILL.md 中看到。

2. 从官方文档生成的技术 Skill

目前包括：

  • Vue
  • Nuxt
  • Pinia
  • Vite
  • VitePress
  • Vitest
  • UnoCSS
  • pnpm

这些内容主要来源于各项目的官方文档，整体相对客观，但偏向 TypeScript、ESM、Composition API 等现代技术路线。

3. 从其他官方仓库同步的 Skill

包括：

  • Slidev
  • tsdown
  • Turborepo
  • VueUse
  • Vue 3 最佳实践
  • Vue Router 最佳实践
  • Vue 测试最佳实践
  • Web 设计规范

完整清单以仓库 README为准。

使用方式

安装全部 Skill：

1
pnpx skills add antfu/skills --skill='*'

全局安装：

1
pnpx skills add antfu/skills --skill='*' -g

也可以只选择需要的 Skill，避免安装整套。例如只安装 antfu、vue、vite 和 vitest。安装完成后通常不必记特殊命令，直接描述任务即可，例如：

1
2
3
使用 antfu 和 vue Skill，帮我创建一个 Vue 3 + TypeScript 项目。
按照 antfu 的库开发规范，把这个包改成纯 ESM，并使用 tsdown 构建。
使用 vue-testing-best-practices 检查当前组件测试。

它和 AGENTS.md 有什么区别

  • AGENTS.md：项目级常驻规则，AI 每次进入项目都会看到，约束更稳定。
  • Skill：按任务动态加载，可以跨项目复用，也不会一直占用上下文。
  • llms.txt：通常偏向给 AI 提供某个产品或网站的文档索引，不一定包含完整工作流程。

Anthony Fu 自己也指出，Skill 可能存在“该触发时没有触发”的情况。特别重要的规则，最好在项目的 AGENTS.md 中明确要求使用对应 Skill。相关说明

是否值得安装

如果你主要使用 Vue、Nuxt、Vite、UnoCSS、Vitest 或 pnpm，这套 Skill 很值得尝试，尤其适合：

  • 快速搭建规范统一的新项目
  • 让 AI 生成的代码更接近成熟 Vue 开源项目
  • 减少 AI 使用旧式 Vue 写法或混乱工具组合
  • 维护 TypeScript 工具库和 monorepo

但要注意两个问题：

  1. antfu 和 antfu-design 带有明显个人偏好，不一定适合所有团队。
  2. 作者把这个仓库定位为“从官方文档生成并持续同步 Skill”的概念验证项目，也明确表示尚未充分验证所有 Skill 的实际效果，因此不能把它当成绝对标准。项目说明

整体来看，它最适合被当作“高质量参考规范”，再配合你自己项目的 AGENTS.md 使用，而不是无条件覆盖现有项目约定。