antfu skills
COMMUNITYLABSCO SUMMARY
Two skills (antfu, antfu-design) are Anthony Fu's own opinionated conventions — ESLint/Prettier alternatives, monorepo and library-publishing setup, and UnoCSS-based design tokens. Nine more are generated from the official documentation of tools in his stack: Vue, Nuxt, Pinia, Vite, VitePress, Vitest, UnoCSS, pnpm, and Nitro — though Nitro is the one the README's own tables never actually list, despite being a real, live skill in the collection. The remaining eight are vendored: synced copies that Slidev, tsdown, Turborepo, and VueUse maintain in their own repositories (each marked "(Official)" in the README's table), plus three Vue-focused skills copied from vuejs-ai/skills and one design-guidelines skill copied from vercel-labs/agent-skills.
This fits people already building with Vite, Vue, or Nuxt who want one install to cover the surrounding toolchain. Someone who wants only Anthony Fu's own opinions, rather than the wider ecosystem, is really looking for two skills out of nineteen — the rest reflect other maintainers' documentation and other projects' own skill files, not Fu's judgment.
READ THE FULL ANALYSIS
The README calls this a proof of concept. Its own opening note says the author hasn't fully tested how the skills perform in practice and welcomes feedback — a caveat that applies to all nineteen, not just the vendored ones.
Vendored means fixes land upstream, not here. The eight synced skills are copies; a correction to vueuse-functions or web-design-guidelines has to be made in vueuse/skills or vercel-labs/agent-skills respectively and then re-synced, the same shape as any other vendored package.
WHAT'S INSIDE
10 showing · 10 totalNothing else to set up — install it and go.
antfu
Anthony Fu's personal rulebook for JavaScript and TypeScript work — which tools he reaches for, how he lays out a project, and what he wants the code itself to look like.
nitro
Write the back end of a website once — the part that receives requests and sends back answers — and host it unchanged on any of the major platforms.
nuxt
Build a whole website in Vue: the pages people see and the server behind them, where adding a page is as simple as adding a file.
pinia
Pinia is where a Vue app keeps the data that several parts of the screen share — the signed-in user, a shopping cart — so they all stay in step.
pnpm
pnpm installs the outside code a JavaScript project depends on, keeping one shared copy on disk instead of a fresh one per project, and refusing to let you use a package you never asked for.
unocss
UnoCSS turns the short style names you write in your HTML into real CSS, generating only the ones you actually used — and it understands Tailwind's names, so what you already know carries over.
vite
Vite runs a website while you are still building it, updating the page the moment you save a file, then packs the finished thing up for release.
vitepress
Turns a folder of Markdown files into a documentation or blog website, with the navigation sidebar, the search box and instant page switching already built in.
vitest
Vitest is the tool that runs a JavaScript project's automated tests, reusing the project's existing build setup so the tests need almost no configuration of their own.
vue
Vue 3 components, written the modern way: how a component takes in data, how the screen updates itself when that data changes, and which of Vue's built-in wrappers to use for animations, overlays, and waiting on data.
HOW TO GET IT
npx skills add antfu/skillsnpx skills add antfu/skills --skill <name> --full-depthPick the skill name from the Skills tab — each entry there installs independently.