antfu-skills
A curated collection of agent skills by Anthony Fu, focusing on Vue, Vite, Nuxt, and modern frontend development best practices.
Suggested prompts
About this skill
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. The author has not fully tested how well the skills perform in practice, so feedback and contributions are welcome.
Skills
This collection is aimed to be a one-stop collection if 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.
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.
Notes
- This is a proof-of-concept project; the skills have not been fully tested in practice.
- The collection reflects Anthony Fu's personal preferences and best practices, which may differ from other developers.
- Vendored skills from external repositories retain their original licenses - see each skill directory for details.