最近在分享前端框架的开源Skills，发现 Vue 社区的迭代速度确实在加快，刚分享完Vue Skills和Three.js Skills，本以为马上来一个VueUse Skills，没想到直接来波大的。
从单个库的 Skills 定制，到现在出现了Skills 全家桶生态级别的打包方案。
这次要分享的 antfu/skills 项目，就是这个思路的一个集中体现。
项目概览
antfu/skills 是由 Vue 核心贡献者 Anthony Fu 维护的一套 Skills 合集项目。
它的核心定位是为 AI 模型补充 Vue 生态的最佳实践知识，通过结构化的 Skills 配置，使 AI 在代码生成时能够遵循 Vue 社区的编码规范与工程化约定。
核心内容结构
这个项目的优势在于它采用了三层递进式的组织方式：
| 类别 | 包含范围 | 特点 |
|---|---|---|
| 工程化最佳实践 | pnpm / eslint / vitest 等工具链配置 | 来自 Anthony Fu 日常项目经验，代表社区推荐做法 |
| 官方文档同步生成 | Vue / Nuxt / Pinia / Vite / Vitest / UnoCSS | 直接源自官方文档，能随生态更新自动迭代，避免过期 |
| 生态项目聚合 | VueUse Skills / vue-skills / Vercel agent-skills 等 | 将分散的 Skills 统一打包，形成完整体系 |
主要功能与应用场景
1. 快速部署
安装方式极为简洁：
pnpx skills add antfu/skills无需学习新的交互方式，装完即用。
2. 提升代码质量一致性
在与 AI 协作时，对话方式保持不变，但生成的代码会自动对齐 Vue 社区规范。例如：
- "写一个 Vue3 组件，按最佳实践来" → AI 会正确运用 Composition API、响应性 API
- "用 VueUse 做个防抖搜索" → AI 能准确调用对应的组件库 API
- "Pinia store 这样写对吗？" → 参考官方文档反馈，规范更有说服力
3. 适用人群
- 日常使用 AI 辅助写 Vue 项目的前端开发者
- 团队想要统一 AI 生成代码风格的工程化团队
- 学习 Vue 生态最佳实践的初中级开发者（通过 AI 生成的规范代码作为参考）
关键优势与差异化特征
与类似项目的对比
| 维度 | 单点 Skills | antfu/skills 合集 |
|---|---|---|
| 覆盖范围 | 单个库（如 VueUse） | 完整生态（Vue + 工具链 + 最佳实践） |
| 维护成本 | 多次安装多个项目 | 一次部署全覆盖 |
| 更新同步 | 手动跟进官方更新 | 自动从官方文档生成，保持同步 |
| 学习曲线 | 需要学习各库的使用细节 | 通过社区大神的视角统一理解 |
背景与可信度
Anthony Fu 在 Vue 生态中的地位决定了这个项目的权重。
他的开源贡献包括：
- VueUse - Vue 3 组合式函数库，累计数百万下载
- UnoCSS - 下一代原子化 CSS 引擎
- Slidev - 基于 Markdown 的演示框架
- 多个 Vite 插件及工程化工具
由他整理的 Skills 合集，本质上是将日常工作中的工程化经验与社区最佳实践系统化、标准化，这使得输出的指导更接近实战场景。
部署建议
- 前置条件：需要支持 Skills 加载的 AI 工具（如 Claude、支持自定义指令的模型等）
- 推荐场景：团队协作时，可在项目根目录配置，确保所有成员使用 AI 时风格一致
- 维护策略：定期检查项目更新，官方文档变化会自动反映在 Skills 中
生态演进观察
从 Vue Skills → VueUse Skills → antfu/skills 全家桶的演进路径中，可以观察到几个值得关注的趋势：
- 从点状到体系：单个库的指导规范正在演变为生态级别的知识体系
- 标准化加速：社区正在以更高效的方式定义"正确的编码方式"
- 门槛降低：这些规范化的 Skills 让普通开发者更容易获得接近专家水平的 AI 协助
总结
作为一个长期观察 AI 工具生态的产品人，我认为 antfu/skills 的价值不仅在于它整合了多少最佳实践，而在于它开启了一种新的思路：将社区知识结构化、标准化，并通过 Skills 这样的中介机制，让 AI 成为更符合行业规范的协作伙伴。
对于日常依赖 AI 辅助开发的 Vue 开发者而言，这个 Skills 合集实际上降低了保持代码质量的心智负担。如果你正好在用 AI 写 Vue 项目，不妨试一下这套方案。