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.
pnpx skills add antfu/skillsor to install all of them globally:
pnpx skills add antfu/skills --all -gLearn more about the CLI usage at 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.
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.) |
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 |
| tsdown | tsdown - TypeScript library bundler powered by Rolldown | rolldown/tsdown |
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 |
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.
Fork this project to create your own customized skill collection.
- Fork or clone this repository
- Install dependencies:
pnpm install - Update
meta.tswith your own projects and skill sources - Run
nr start cleanupto remove existing submodules and skills - Run
nr start initto clone the submodules - Run
nr start syncto sync vendored skills - Ask your agent to "generate skills for <project>" (recommended one at a time to manage token usage)
See AGENTS.md for detailed generation guidelines.
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.