Skills by antfu

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.

Provides Vue 3 best-practices and many code examples for Composition API, SFCs, SSR, and tooling. Examples include network calls like `fetch('/api/user')` and storing tokens with `userStore.setToken(user.token)`, which are purpose-aligned but security-relevant.

This skill is a decision-and-implementation guide for `VueUse` composables for Vue/Nuxt projects. Documentation includes code examples that perform external network calls to `https://api.npmjs.org`, `https://jsonplaceholder.typicode.com`, `https://httpbin.org`, and `'/api/posts'`.

This skill documents `pnpm` usage, CI setups, workspaces, hooks, and patching workflows. It includes shell commands such as `pnpm install` and `rm -rf node_modules`, configures registries like `https://registry.npmjs.org/`, and shows use of the `NPM_TOKEN` environment variable.

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.

This skill provides Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. It contains explicit shell commands like `pnpm run lint --fix` and references remote resources such as `https://github.com/sxzz/workflows`.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

tsdown bundles TypeScript/JavaScript libraries and documents CLI and programmatic usage, config files, and hooks. The skill's examples run shell commands (e.g., `execSync('rm -rf dist')`, `spawn('tsdown', ['--watch'], ...)`), load env files (`--env-file .env.production`, `--env.NODE_ENV`), and perform external uploads (`uploadToS3`, `invalidateCDN`).

This skill provides Turborepo guidance for configuring tasks, caching, CI, and environment variables. It includes explicit shell commands (e.g., `npx turbo login`, `pnpm install`), use of credentials in env vars (e.g., `TURBO_TOKEN`, `TURBO_REMOTE_CACHE_SIGNATURE_KEY`), and remote endpoints like `https://vercel.com`.

This skill documents Slidev for creating web-based developer presentations. It includes CLI commands like `pnpm create slidev` / `slidev export` (shell execution) and references external servers such as `https://www.plantuml.com/plantuml` (network usage).

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.