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-файлы, которые учат ИИ-агентов, пишущих код, его любимым инструментам, соглашениям и лучшим практикам, в основном связанным с экосистемой Vue/Vite/Nuxt.
Это фреймворк или просто набор файлов с навыками, которые я подключаю к своему агенту?Это не фреймворк. Навыки — это обычные markdown-файлы, которые ваш агент для написания кода подгружает по необходимости. Они разделены по источнику: написанные вручную, сгенерированные из официальной документации или взятые из других репозиториев.
Как установить эти навыки?Можно установить отдельные навыки или все сразу глобально с помощью входящего в проект CLI-инструмента.
Что нужно, чтобы создать на основе этого собственную коллекцию навыков?Нужно сделать форк репозитория, выполнить pnpm install, обновить meta.ts своими источниками, затем использовать CLI (команды init и sync) и попросить агента для написания кода генерировать каждый навык по одному.
Это готово к продакшену или всё ещё экспериментально?Это прямо заявленный proof-of-concept для генерации и синхронизации навыков агентов из исходной документации. Автор пока не проверял полностью, насколько хорошо навыки работают на практике.
Полезно ли это, если я не работаю с Vue, Vite или Nuxt?Коллекция создана как универсальный набор для тех, кто в основном работает со стеком Vue/Vite/Nuxt, но также задумана как гибкий шаблон для создания собственной коллекции навыков под любой стек.
Все ли навыки распространяются под лицензией MIT, как и сам репозиторий?Код самого репозитория и написанные вручную навыки распространяются под MIT, а сторонние навыки, синхронизированные из внешних репозиториев, сохраняют свои исходные лицензии.
В чём разница между написанными вручную, сгенерированными из документации и сторонними навыками?Написанные вручную навыки — это собственные субъективные предпочтения Anthony Fu, например по настройке приложений и библиотек. Навыки, сгенерированные из документации, создаются на основе официальной документации проектов вроде Vue, Nuxt и Vite и слегка подстраиваются им. Сторонние навыки напрямую синхронизируются из собственных каталогов навыков других репозиториев, например Slidev или VueUse.
Зачем использовать навыки вместо простого файла AGENTS.md?AGENTS.md загружается целиком сразу, чтобы агенты всегда его видели, а навыки можно делиться и подгружать по требованию, только когда они нужны. Так масштабироваться лучше, чем втискивать всё в одно контекстное окно.
Можно ли превратить это в мою собственную коллекцию навыков?Да, проект задуман как шаблон для форка: замените проекты и источники в meta.ts, затем выполните команды cleanup, init и sync из CLI, чтобы пересоздать навыки под ваш стек.
Чем эта коллекция отличается от других списков навыков для агентов?Она использует git-сабмодули, чтобы ссылаться на исходную документацию напрямую, поэтому навыки со временем остаются синхронизированными с изменениями в апстриме и не устаревают.
Creator
antfu
Size
1.3 MB
Stars
6K
Updated
CommitOct 09
Age
8mo
Commits · 90 Days