Antfu Skills
by @antfu · plugin · 19 skills
Antfu Skills from antfu/skills.
Install the whole plugin (CLI)
npx skillmds add antfu/vue
npx skillmds add antfu/nuxt
npx skillmds add antfu/pnpm
npx skillmds add antfu/vite
npx skillmds add antfu/antfu
npx skillmds add antfu/nitro
npx skillmds add antfu/pinia
npx skillmds add antfu/slidev
npx skillmds add antfu/tsdown
npx skillmds add antfu/unocss
npx skillmds add antfu/vitest
npx skillmds add antfu/turborepo
npx skillmds add antfu/vitepress
npx skillmds add antfu/antfu-design
npx skillmds add antfu/vueuse-functions
npx skillmds add antfu/vue-best-practices
npx skillmds add antfu/web-design-guidelines
npx skillmds add antfu/vue-router-best-practices
npx skillmds add antfu/vue-testing-best-practicesSkills in this plugin
- ▌ vue · antfu bundleWrite Vue 3 Single-File Components using Composition API with TypeScript, covering script setup macros, reactivity system, built-in components, and lifecycle hooks.
- ▌ nuxt · antfu bundleBuild full-stack Vue applications with Nuxt 4, covering SSR, file-based routing, auto-imports, server routes, and deployment.
- ▌ pnpm · antfu bundleManage Node.js dependencies with pnpm, including workspaces, catalogs, patches, and supply-chain security.
- ▌ vite · antfu bundleConfigure Vite build tool, use its plugin API, set up SSR, and migrate to Vite 8 with Rolldown.
- ▌ antfu · antfu bundleSets up JavaScript/TypeScript projects with opinionated tooling and conventions including ESLint, TypeScript config, testing with Vitest, and monorepo setup.
- ▌ nitro · antfu bundleBuild and deploy web servers anywhere using Nitro's filesystem routing, caching, tasks, WebSockets, and deployment presets for Node.js, Bun, Deno, Cloudflare, Vercel, and more.
- ▌ pinia · antfu bundleManage Vue application state with Pinia's type-safe store patterns, including state, getters, actions, plugins, and SSR support.
- ▌ slidev · antfu bundleCreate and present web-based slide decks using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Ideal for technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
- ▌ tsdown · antfu bundleBundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.
- ▌ unocss · antfu bundleConfigure and use UnoCSS, an instant atomic CSS engine with presets, rules, shortcuts, and integrations for Vite and Nuxt.
- ▌ vitest · antfu bundleWrite and run unit tests with Vitest, a Vite-native testing framework offering Jest-compatible API, mocking, coverage, and snapshot testing.
- ▌ turborepo · antfu bundleConfigure and optimize Turborepo monorepo build systems with task pipelines, caching, filtering, and CI integration.
- ▌ vitepress · antfu bundleBuild documentation sites, configure themes, and write Markdown with Vue components using the VitePress static site generator.
- ▌ antfu-design · antfu bundleBuild interfaces with UnoCSS using semantic tokens, dark mode parity, and design polish for devtools and landing pages.
- ▌ vueuse-functions · antfu bundleMap requirements to the most suitable VueUse composable and apply correct usage patterns for concise, maintainable Vue.js/Nuxt features.
- ▌ vue-best-practices · antfu bundleProvides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.
- ▌ web-design-guidelines · antfu bundleReview UI code for compliance with web interface guidelines, accessibility, and UX best practices.
- ▌ vue-router-best-practices · antfu bundleProvides best practices for Vue Router 4, including navigation guards, route params, and route-component lifecycle interactions.
- ▌ vue-testing-best-practices · antfu bundleProvides Vue.js testing best practices, patterns, and solutions for common pitfalls using Vitest, Vue Test Utils, and Playwright.