Anthony Fu’s Skills

A curated collection of Agent Skills reflecting Anthony Fu’s preferences, experience, and best practices for modern web development.

[!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 --all

or to install it globally:

pnpx skills add antfu/skills --all -g

Learn more about the CLI usage at skills.

Skills

When installing antfu/skills, all the following skills will be included (you can also select them in the CLI prompt).

Hand-maintained Skills

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.)

Skills Generated from Official Documentation

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
tsdown	tsdown - TypeScript library bundler powered by Rolldown	rolldown/tsdown

Vendored Skills

Synced from external repositories that maintain their own skills.

Skill	Description	Source
slidev (Official)	Slidev - presentation slides for developers	slidevjs/slidev
vueuse-functions (Official)	VueUse - 200+ Vue composition utilities	vueuse/skills
turborepo (Official)	Turborepo - high-performance build system for monorepos	vercel/turborepo
vue-best-practices	Vue 3 + TypeScript best practices for Volar	hyf0/vue-skills
web-design-guidelines	Web design guidelines for building beautiful interfaces	vercel-labs/agent-skills

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.

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 nr start cleanup to remove existing submodules and skills
5. Run nr start init to clone the submodules
6. Run nr 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

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.