skills README

The project's README from github.com/antfu/skills. As one markdown file: README.md.

Anthony Fu's Skills

A curated collection of Agent Skills reflecting Anthony Fu's preferences, experience, and best practices, along with usage documentation for the tools.

[!IMPORTANT] This is a proof-of-concept project for generating agent skills from source documentation and keeping them in sync. I haven't fully tested how well the skills perform in practice, so feedback and contributions are greatly welcome.

Installation

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

or to install all of them globally:

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

Learn more about the CLI usage at skills.

Skills

This collection is aim to be a one-stop collection of you are mainly working on Vite/Nuxt. It includes skills from different sources with different scopes.

Hand-maintained Skills

Opinionated

Manually maintained by Anthony Fu with his preferred tools, setup conventions, and best practices.

Skill Description
antfu Anthony Fu's preferences and best practices for app/library projects (eslint, pnpm, vitest, vue, etc.)
antfu-design UnoCSS-centered design principles, semantic tokens, and UI presentation patterns from Anthony Fu's tooling UIs

Skills Generated from Official Documentation

Unopinionated but with tilted focus (e.g. TypeScript, ESM, Composition API, and other modern stacks)

Generated from official documentation and fine-tuned by Anthony.

Skill Description Source
vue Vue.js core - reactivity, components, composition API vuejs/docs
nuxt Nuxt framework - file-based routing, server routes, modules nuxt/nuxt
pinia Pinia - intuitive, type-safe state management for Vue vuejs/pinia
vite Vite build tool - config, plugins, SSR, library mode vitejs/vite
vitepress VitePress - static site generator powered by Vite vuejs/vitepress
vitest Vitest - unit testing framework powered by Vite vitest-dev/vitest
unocss UnoCSS - atomic CSS engine, presets, transformers unocss/unocss
pnpm pnpm - fast, disk space efficient package manager pnpm/pnpm.io

Vendored Skills

Synced from external repositories that maintain their own skills.

Skill Description Source
slidev (Official) Slidev - presentation slides for developers slidevjs/slidev
tsdown (Official) tsdown - TypeScript library bundler powered by Rolldown rolldown/tsdown
turborepo (Official) Turborepo - high-performance build system for monorepos vercel/turborepo
vueuse-functions (Official) VueUse - 200+ Vue composition utilities vueuse/skills
vue-best-practices Vue 3 + TypeScript best practices vuejs-ai/skills
vue-router-best-practices Vue Router best practices vuejs-ai/skills
vue-testing-best-practices Vue testing best practices vuejs-ai/skills
web-design-guidelines Web design guidelines for building beautiful interfaces vercel-labs/agent-skills

FAQ

What Makes This Collection Different?

This collection is opinionated, but the key difference is that it uses git submodules to directly reference source documentation. This provides more reliable context and allows the skills to stay up-to-date with upstream changes over time. If you primarily work with Vue/Vite/Nuxt, this aims to be a comprehensive one-stop collection.

The project is also designed to be flexible - you can use it as a template to generate your own skills collection.

Skills vs llms.txt vs AGENTS.md

To me, the value of skills lies in being shareable and on-demand.

Being shareable makes prompts easier to manage and reuse across projects. Being on-demand means skills can be pulled in as needed, scaling far beyond what any agent's context window could fit at once.

You might hear people say "AGENTS.md outperforms skills". I think that's true — AGENTS.md loads everything upfront, so agents always respect it, whereas skills can have false negatives where agents don't pull them in when you'd expect. That said, I see this more as a gap in tooling and integration that will improve over time. Skills are really just a standardized format for agents to consume—plain markdown files at the end of the day. Think of them as a knowledge base for agents. If you want certain skills to always apply, you can reference them directly in your AGENTS.md.

Generate Your Own Skills

Fork this project to create your own customized skill collection.

  1. Fork or clone this repository
  2. Install dependencies: pnpm install
  3. Update meta.ts with your own projects and skill sources
  4. Run pnpm start cleanup to remove existing submodules and skills
  5. Run pnpm start init to clone the submodules
  6. Run pnpm start sync to sync vendored skills
  7. Ask your agent to Generate skills for \<project\> (recommended one at a time to manage token usage)

See AGENTS.md for detailed generation guidelines.

Sponsors

Sponsors

License

Skills and the scripts in this repository are MIT licensed.

Vendored skills from external repositories retain their original licenses - see each skill directory for details.

skills (antfu/skills)

Searching Database…

这是什么?这是 Anthony Fu 精心整理的 Agent Skills 合集。它们是可复用的 Markdown 文件,用于教 AI 编程智能体使用他偏好的工具、约定和最佳实践,主要围绕 Vue/Vite/Nuxt 生态。
这是一个框架,还是只是一堆可以接入我智能体的技能文件?它不是框架。技能就是普通的 Markdown 文件,你的编程智能体会按需加载它们,并按来源分类:手工维护、根据官方文档生成,或从其他仓库同步引入。
我该如何安装这些技能?你可以使用项目随附的 CLI 工具,单独安装某个技能,或全局安装全部技能。
要基于这个仓库生成我自己的技能合集,需要准备什么?先 fork 仓库,运行 pnpm install,用你自己的来源更新 meta.ts,然后使用 CLI 的 init 和 sync 命令,并让你的编程智能体逐个生成每个技能。
这个项目已经可以用于生产环境,还是仍处于实验阶段?它明确定位为一个概念验证,用于从源文档生成并同步智能体技能;作者尚未充分验证这些技能在实际中的表现如何。
如果我不用 Vue、Vite 或 Nuxt,这个合集还有用吗?它的设计目标是为主要使用 Vue/Vite/Nuxt 技术栈的人提供一站式合集,但同时它也是一个灵活的模板,可用于为任何技术栈构建你自己的技能合集。
所有技能都和仓库一样采用 MIT 许可证吗?仓库自身的代码和手工维护的技能采用 MIT 许可证,但从外部仓库同步引入的技能保留其原始许可证。
手工维护、文档生成和引入的技能之间有什么区别?手工维护的技能是 Anthony Fu 自己的主观偏好,例如应用或库的初始化设置;文档生成的技能基于 Vue、Nuxt、Vite 等官方项目文档构建,并经过他的少量调整;引入的技能则直接同步自其他仓库自己的技能目录,例如 Slidev 或 VueUse。
为什么要用技能,而不只用一个 AGENTS.md 文件?AGENTS.md 会预先加载全部内容,因此智能体总能看到它;而技能可以共享,并且按需加载,只在需要时才被调入。相比把所有内容都塞进同一个上下文窗口,这种方式更具扩展性。
我能把它改造成我自己的自定义技能合集吗?可以。该项目设计为可 fork 的模板:在 meta.ts 中替换成你自己的项目和来源,然后运行 CLI 的 cleanup、init 和 sync 命令,为你的技术栈重新生成技能。
这个合集与其他智能体技能列表有什么不同?它使用 git 子模块直接引用源文档,因此技能能随上游变化持续保持同步,而不会逐渐过时。
Creator
antfu
Size
1.3 MB
Stars
6K
Updated
CommitOct 09
Age
8mo
Commits · 90 Days