antfu/skillsGit

Vue、Vite 与 Nuxt 最佳实践

为 Vue 生态和现代构建工具提供开发实践支持。

使用前，准备这些

输入素材：代码库、技术环境与任务验收条件

在下方原始文档中确认支持的 AI 工具、模型和运行依赖。
打开原仓库，按作者的安装说明完成配置；模型 API 或外部服务可能需要单独开通。
用自己的素材试运行，再检查事实、版式与输出文件。

许可证：MIT

来源快照：2026-09-15。README ↗

MIT License

Copyright (c) 2025-PRESENT Anthony Fu <https://github.com/antfu>

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

可以这样开始

使用这个 Skill 完成「Vue、Vite 与 Nuxt 最佳实践」：为 Vue 生态和现代构建工具提供开发实践支持。请先确认必要输入，再交付一份可直接使用的结果。

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.

Fork or clone this repository
Install dependencies: pnpm install
Update meta.ts with your own projects and skill sources
Run pnpm start cleanup to remove existing submodules and skills
Run pnpm start init to clone the submodules
Run pnpm start sync to 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.

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.