技能介绍
这是一个精选的 Agent Skills 集合，反映了 Anthony Fu 的偏好、经验和最佳实践，以及工具的使用文档。该集合主要面向使用 Vite/Nuxt 的开发者，提供一站式的技能覆盖：为你的开发代理提供 Vue 生态系统、现代构建工具及 UI 设计的最佳实践支持。
重要提示： 这是一个概念验证项目，用于从源文档生成 Agent Skills 并保持同步。作者尚未完全测试这些技能在实际中的表现，欢迎反馈和贡献。
与其他集合相比，它的关键区别在于使用 git 子模块直接引用源文档。这提供了更可靠的上下文，并允许技能随着上游变化而保持更新。
适用场景
- 按 Vue 3 和 TypeScript 最佳实践重构组件代码，并符合 VueUse 的函数式编程规范
- 用 UnoCSS 的语义化令牌和设计模式，为 UI 界面提供配色与布局优化建议
- 按 Nuxt 的文件路由和模块化规范，优化项目的服务端渲染性能
- 希望在 Vite / Nuxt 项目里让开发代理遵循一致的个人偏好与工具约定
- 需要一份按需拉取、跨项目复用的技能知识库
核心能力
该集合包含三种类型的技能。
手工维护的技能（个人偏好）——由 Anthony Fu 根据其偏好的工具、设置约定和最佳实践手动维护：
| 技能 | 描述 |
|---|---|
| antfu | Anthony Fu 在应用/库项目中的偏好和最佳实践（eslint, pnpm, vitest, vue 等） |
| antfu-design | 基于 UnoCSS 的设计原则、语义化令牌和来自 Anthony Fu 工具界面的 UI 呈现模式 |
从官方文档生成的技能——无个人偏好，但侧重现代技术栈（如 TypeScript、ESM、Composition API 等），从官方文档生成并由 Anthony Fu 微调：
| 技能 | 描述 | 来源 |
|---|---|---|
| vue | Vue.js 核心——响应式、组件、组合式 API | vuejs/docs |
| nuxt | Nuxt 框架——基于文件的路由、服务端路由、模块 | nuxt/nuxt |
| pinia | Pinia——直观、类型安全的 Vue 状态管理 | vuejs/pinia |
| vite | Vite 构建工具——配置、插件、SSR、库模式 | vitejs/vite |
| vitepress | VitePress——由 Vite 驱动的静态站点生成器 | vuejs/vitepress |
| vitest | Vitest——由 Vite 驱动的单元测试框架 | vitest-dev/vitest |
| unocss | UnoCSS——原子化 CSS 引擎、预设、转换器 | unocss/unocss |
| pnpm | pnpm——快速、节省磁盘空间的包管理器 | pnpm/pnpm.io |
从外部仓库同步的技能——从维护自有技能的外部仓库同步：
| 技能 | 描述 | 来源 |
|---|---|---|
| slidev（官方） | Slidev——面向开发者的演示幻灯片 | slidevjs/slidev |
| tsdown（官方） | tsdown——由 Rolldown 驱动的 TypeScript 库打包工具 | rolldown/tsdown |
| turborepo（官方） | Turborepo——高性能 monorepo 构建系统 | vercel/turborepo |
| vueuse-functions（官方） | VueUse——200+ Vue 组合式工具函数 | vueuse/skills |
| vue-best-practices | Vue 3 + TypeScript 最佳实践 | vuejs-ai/skills |
| vue-router-best-practices | Vue Router 最佳实践 | vuejs-ai/skills |
| vue-testing-best-practices | Vue 测试最佳实践 | vuejs-ai/skills |
| web-design-guidelines | 构建美观界面的 Web 设计指南 | vercel-labs/agent-skills |
从外部仓库同步的技能保留其原始许可证，详情请查看各技能目录。该集合反映了 Anthony Fu 的个人偏好和最佳实践，可能与其他开发者不同。
效果预览
工作方式
技能是 Agent 消费的标准格式，归根结底就是纯 Markdown 文件，可以把它视为 Agent 的知识库。作者认为技能的价值在于可共享和按需使用：可共享使提示更易于管理和跨项目重用；按需意味着技能可以根据需要被拉取，扩展性远超任何 Agent 的上下文窗口一次能容纳的内容。
关于 Skills 与 llms.txt、AGENTS.md 的关系，作者认为「AGENTS.md 优于技能」的说法是对的——AGENTS.md 一次性加载所有内容，因此 Agent 始终遵守它；而技能可能存在假阴性，即 Agent 在你期望时没有拉取它们。不过这更多是工具和集成方面的差距，会随着时间改进。如果你希望某些技能始终生效，可以直接在 AGENTS.md 中引用它们。
你需要提供
- 一个能使用 Agent Skills 的开发代理（该集合是面向 Agent 的技能包）
- 一个 Vue / Vite / Nuxt 方向的项目，以便这些技能真正派上用场
- 可选：在 AGENTS.md 中引用希望始终生效的技能
你会获得
- 一套涵盖 Vue、Vite、Nuxt 及现代前端开发最佳实践的技能集合，共 19 个可安装子 Skill
- 三类技能覆盖：手工维护的个人偏好技能、从官方文档生成的框架技能、从外部仓库同步的生态技能
- 通过 git 子模块引用的源文档，随上游更新而保持同步
使用示例
安装后可以直接这样要求代理：
请根据 Vue 3 和 TypeScript 的最佳实践，为我重构这段组件代码，并确保其符合 VueUse 的函数式编程规范。使用 UnoCSS 的语义化令牌和设计模式，为我当前的 UI 界面提供一套配色与布局优化建议。请根据 Nuxt 的文件路由和模块化规范，指导我如何优化当前项目的服务端渲染性能。本组合包含 19 个可安装子 Skill，支持智能安装（由 Cola 评估后安装最适合你的 Skill）、全部安装，或复制选装后发给你在用的 Agent。
