無程式碼也能輕鬆打造專業LINE官方帳號！一鍵導入模板，讓AI助你行銷加分！
AI 编码代理的品质取决于其对所使用工具和框架的理解程度。没有明确的指导，代理可能会产生过时的代码、错过最佳实践或误解框架约定。Anthony Fu 的技能包通过提供一套精心挑选的 Markdown 技能定义来解决这个问题，教导 AI 代理如何使用 Vue 生态系统工具的当前最佳实践。
由 Anthony Fu（VueUse、Vitest、UnoCSS 和数十个其他 Vue 生态系统项目背后的多产开源创建者）创建，这个技能仓库将他的深厚专业知识编码为 AI 代理可以直接消费的格式。每个技能文件都是一个专注、权威的参考，针对特定工具或框架，涵盖关键 API、常见模式、配置和约定。
graph TD
A[antfu/skills 集合] --> B[框架技能]
A --> C[构建工具技能]
A --> D[工具库技能]
A --> E[语言与配置技能]
B --> F[Vue 3]
B --> G[Nuxt]
C --> H[Vite]
C --> I[Vitest]
D --> J[VueUse]
D --> K[UnoCSS]
E --> L[TypeScript]
E --> M[ESLint Flat Config]
E --> N[pnpm]
| 技能 | 工具/框架 | 主要覆盖范围 |
|---|---|---|
| Vue 3 | Vue.js 3 | Composition API、SFC 语法、响应式系统、指令 |
| Nuxt | Nuxt 3/4 | 基于文件的路由、服务器路由、模块、自动导入 |
| Vite | Vite | 配置、插件、构建优化、SSR |
| Vitest | Vitest | 测试结构、模拟、覆盖率、浏览器模式 |
| VueUse | VueUse | Composables、工具函数、tree-shaking |
| UnoCSS | UnoCSS | Atomic CSS、presets、自定义规则、快捷键 |
| ESLint | ESLint（flat config） | Flat config 格式、插件、规则配置 |
| pnpm | pnpm | 工作区管理、依赖解析、性能 |
| TypeScript | TypeScript | 类型、泛型、配置、Vue 集成 |
如何将技能与 AI 代理集成？
这些技能设计为在 AI 代理的配置中被引用，通常通过 CLAUDE.md 文件。
graph LR
A[项目根目录] --> B[CLAUDE.md]
A --> C[.skills/]
A --> D[package.json]
C --> E[vue.md]
C --> F[nuxt.md]
C --> G[vite.md]
C --> H[vitest.md]
C --> I[vueuse.md]
C --> J[unocss.md]
C --> K[eslint.md]
C --> L[pnpm.md]
B -->|引用| C
M[AI 代理] -->|读取| B
M -->|加载| C
为什么这种方法优于 AI 训练数据？
| 方面 | 技能文件方法 | 依赖训练数据 |
|---|---|---|
| 准确性 | 权威性（由核心维护者编写） | 可能包含过时信息 |
| 更新速度 | 子模块更新时立即生效 | 需要模型重新训练 |
| 针对性 | 专注、工具特定的专业知识 | 通用知识，可能混杂不同版本 |
| 定制化 | 可针对项目覆盖 | 一刀切 |
| 版本控制 | 与项目代码一起版本化管理 | 不可控 |
常见问题
什么是 Anthony Fu 的技能包？ 一套精心挑选的 AI 代理技能定义，涵盖 Vue 生态系统，每个技能是 Markdown 文件。
包含哪些技能？ Vue 3、Nuxt、Vite、Vitest、VueUse、UnoCSS、ESLint、pnpm、TypeScript 等。
如何安装？
git submodule add https://github.com/antfu/skills .skills。
Git 子模块模式如何工作？
AI 代理读取 CLAUDE.md 引用的 .skills 目录。更新时运行 git submodule update --remote --merge。
适合谁？ 使用 AI 编码代理的 Vue 生态系统开发者。
延伸阅读
- Anthony Fu 的技能包 GitHub 仓库 – 原始集合和安装说明
- Anthony Fu 的 GitHub 个人资料 – VueUse、Vitest、UnoCSS 等项目的创建者
- Vue 3 文档 – 官方 Vue.js 框架文档
- Nuxt 文档 – 官方 Nuxt 框架文档
- CLAUDE.md 最佳实践 – 如何使用项目说明配置 AI 代理
