antfu/skills：Anthony Fu 的精选 skill 库，能生成的就生成

大多数 skill 集合都是手写的。antfu/skills 的有趣之处是按来源分桶：两个意见强烈的手写 skill、八个从官方文档生成（保持跟上游同步）、八个 vendored 自外部仓库——总共 18 个，每个都有清楚的事实来源。

为什么这个 skill 重要

这集合覆盖 web 工具链生态，重点是 Vite、Nuxt、Vue、Pinia。八个生成 skill（vue、nuxt、pinia、vite、vitepress、vitest、unocss、pnpm）都从官方文档生成，仓库把这个做法定位为"让 skill 跟得上版本"的探索。八个（slidev、tsdown、turborepo、vueuse-functions、vue-best-practices、vue-router-best-practices、vue-testing-best-practices、web-design-guidelines）是 vendored 并通过 git submodule 同步——各自保留原始 license。

两个手写 skill，antfu 和 antfu-design，是强意见的：它们编码了 Anthony Fu 的偏好与设计约定，不是通用最佳实践。和他品味对路就用，跟不上就别强求。

README 对成熟度很坦白：作者本人并没有充分测试这些 skill 的实际效果，并指出会有"你期望它被加载但 agent 没拉"的假阴性。把这个仓库当成一份"带保留意见"的参考库，而不是开箱即用的解决方案。

安装

README 给了一条标准命令与一个全局变体：

# 把所有 skill 装进当前项目
pnpx skills add antfu/skills --skill='*'

# 或者全局装，给所有项目用
pnpx skills add antfu/skills --skill='*' -g

skill 以纯 markdown 文件形式存在，README 指出这是 Agent Skills 开放标准。vendored skill 可以在上游更新后用 pnpm start sync 重新同步。

真实工作流：把 Vite 和 Nuxt skill 加到一个新项目

你新开一个 Nuxt 项目，希望 Claude Code 回答 Nuxt 相关问题时不用你每轮重述框架版本、路由模型和模块约定。

第一步。在项目根目录下，装你要的那几个：

pnpx skills add antfu/skills --skill='nuxt,vite,vitest,pnpm'

skill 名以逗号分隔；只拉这四个，其余不会进入你的上下文。

第二步。在项目的 AGENTS.md 里显式引用，确保它们始终生效。README 建议把项目真正用到的 skill 钉住：

# AGENTS.md (节选)
- Always consult: nuxt, vite, vitest, pnpm

第三步。不重述框架地问 Claude Code 一个 Nuxt 特定问题：

What is the right way to add server middleware in this project?

预期输出：用当前 defineEventHandler 和 middleware 约定回答，而不是泛泛的"你可以调用 app.use()"。skill 携带了框架特定的知识。

第四步。Nuxt 上游发布后，如果你依赖某个生成 skill，重新同步：

pnpm start sync

这会从文档源刷新生成 skill。

真实工作流：为个人配置挑几个意见性 skill

你不在 Vite/Nuxt 项目里，但你想让 antfu-design 影响你的 CSS 决策。

第一步。只装这一个：

pnpx skills add antfu/skills --skill='antfu-design'

第二步。在样式任务上触发它：

Style this button with our design system.

skill 贡献的是间距阶、字号阶和配色系统偏好，而不是临时性的意见。用在框架不太相关的、需要一致性胜过框架正确性的工作上。

第三步。如果想在这个基础上叠加更通用的 web 基线，再加 vendored 的 web-design-guidelines：

pnpx skills add antfu/skills --skill='antfu-design,web-design-guidelines'

第四步。定期重新同步 vendored skill——它从外部仓库拉，上游更新不会自动到你这边，得你跑 pnpm start sync。

• 把生成 skill 视为更新最快的一层：上游框架发布后重新同步。
• 如果手写的 antfu 与 antfu-design 的意见和你对不上，跳过；它们是主张，不是默认值。
• README 提到会有假阴性：agent 该加载某 skill 时可能没加载。如果某个 skill 应当生效，在 prompt 或 AGENTS.md 里点名它。
• vendored skill 保留各自原始 license——商用前查每个的 LICENSE，尤其是 turborepo。
• 这仓库是 proof of concept；不要依赖 README 里"已经充分测试"的说法，当成参考库用。

何时不要用

如果你的栈不在 Vite/Nuxt/Vue 圈，这集合大部分跟你无关——你装进去也用不到。vendored skill 和 web-design-guidelines 比较通用，但那八个生成 skill 是生态特定的。栈不在那个范围，只装你真正会用的那几个名字。

在 leaderboard 查看更多 skill 套件。