antfu/skills▌

Full-stack Vue framework with SSR, file-based routing, auto-imports, and universal deployment via Nitro. \n \n Covers core concepts including directory structure, configuration, CLI commands, file-based routing with middleware and layouts, and data fetching with useFetch and useAsyncData \n Supports three rendering modes: universal SSR, client-side SPA, and hybrid rendering with route-level control \n Includes auto-import systems for composables and components, built-in components like NuxtLink

$23

Fast, disk-efficient Node.js package manager with strict dependency resolution and monorepo support. \n \n Enforces strict dependency resolution by default, preventing phantom dependencies; uses content-addressable storage to deduplicate packages across projects \n Supports monorepo workspaces with filtering, shared lockfiles, and workspace protocol; configuration via pnpm-workspace.yaml \n Includes advanced dependency management: catalogs for centralized version control, overrides to force spec

Next-generation frontend build tool with native ESM dev server, HMR, and Rolldown-powered production builds. \n \n Fast dev server using native ES modules and hot module replacement; production builds optimized with Rolldown bundler and Oxc transformer \n Configuration via vite.config.ts with support for conditional configs, environment variables, and plugin API for extending build behavior \n Built-in features include import.meta.glob for dynamic imports, asset queries ( ?raw , ?url ), and HMR

Vue 3 Composition API with script setup, reactivity system, and built-in components for single-file components. \n \n Use <script setup lang=\"ts\"> with TypeScript; leverage defineProps , defineEmits , defineModel , and other macros for type-safe component APIs \n Core reactivity includes ref , shallowRef , computed , watch , watchEffect , and lifecycle hooks; prefer shallowRef when deep reactivity isn't needed \n Built-in components cover Transition , Teleport , Suspense , KeepAlive , and

Map Vue.js and Nuxt requirements to 200+ VueUse composables for concise, maintainable implementations. \n \n Covers state management, DOM elements, browser APIs, sensors, networking, animations, components, watchers, reactivity, arrays, time utilities, and integrations with Firebase, Electron, RxJS, and more \n Each composable includes invocation rules (AUTO, EXTERNAL, EXPLICIT_ONLY) to guide when and how to apply it; consult reference docs for usage details and type declarations \n Automaticall

Web-based slidedecks for developers with Markdown, Vue components, code highlighting, and interactive features. \n \n Supports syntax-highlighted code with line animations, Monaco editor integration, and live code execution within slides \n Includes diagrams (Mermaid, PlantUML), LaTeX math, presenter notes, recording mode, and timer functionality \n Exports to PDF, PPTX, PNG, or builds as a static SPA for hosting; requires playwright-chromium for export \n Built-in layouts (cover, two-cols, imag

Type-safe Vue state management with intuitive store patterns and first-class TypeScript support. \n \n Supports both Options API and Composition API styles, with built-in devtools integration for debugging \n Core capabilities include defining stores with state, getters, actions, subscriptions, and store-to-store composition \n Extensible via plugins to add custom properties and behavior across stores \n Includes testing utilities via @pinia/testing for mocking and stubbing, plus SSR and Nuxt in

Static site generator for documentation and blogs with Vue components in Markdown. \n \n File-based routing with Markdown files, Vue 3 component support, and instant HMR updates \n Configurable default theme with built-in search (local or Algolia), navigation, sidebar, and social links \n Code block features include syntax highlighting, line highlighting, diffs, and focus regions \n Build-time data loaders and dynamic route generation for content-driven sites \n Multi-language support, custom th

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, infinite redirect loops, and param-change detection \n Addresses route-lifecycle gotchas like stale data when navigating between same routes and event listener cleanup on component unmount \n Includes production SPA setup guidance and component instance access patterns in beforeRouteEnter guards \n

Comprehensive Vue.js testing guidance covering unit, component, and end-to-end testing strategies. \n \n Addresses 11 common testing challenges including async handling, composable testing, Pinia store setup, Suspense components, and Teleport queries \n Recommends Vitest for unit and component testing infrastructure, with Playwright as the preferred E2E framework \n Covers black-box component testing patterns to prevent brittle tests during refactoring, async/await patterns to eliminate race con

Monorepo build system with intelligent task caching and parallel execution based on dependency graphs. \n \n Caches task outputs and orchestrates execution order using turbo.json configuration; supports remote caching for CI/CD pipelines \n Filters and runs only affected packages with --affected flag; enables selective builds across monorepos with multiple apps and libraries \n Enforces package-level task definitions (not root-level) to maximize parallelization; provides dependsOn syntax for dec

Opinionated TypeScript/JavaScript conventions and tooling setup for modern projects. \n \n Covers code organization (single responsibility, type separation, constants extraction), runtime practices (isomorphic code with environment markers), and explicit TypeScript typing \n Includes ESLint configuration via @antfu/eslint-config , Vitest testing patterns, and Git hooks with lint-staged for automated code formatting \n Provides @antfu/ni command shortcuts for dependency management across package

Audit UI code against Web Interface Guidelines with live rule fetching. \n \n Fetches the latest guidelines from a remote source before each review, ensuring compliance checks stay current \n Accepts file paths or patterns as arguments; prompts for input if none provided \n Outputs findings in concise file:line format for quick scanning and remediation \n Covers accessibility, design patterns, and best practices as defined in the fetched ruleset \n

Fast TypeScript/JavaScript library bundler powered by Rolldown with multi-format output and type declaration generation. \n \n Supports bundling to ESM, CJS, IIFE, and UMD formats with automatic peer dependency externalization and tree shaking \n Generates TypeScript declaration files (.d.ts) with source map and compiler option control, plus experimental CSS pipeline with preprocessor and PostCSS support \n Includes watch mode, minification, source maps, unbundle mode for preserving directory st

Instant atomic CSS engine with Tailwind CSS compatibility and flexible preset-based architecture. \n \n Superset of Tailwind CSS with un-opinionated core; all utilities provided via presets including Wind3, Wind4, Mini, Icons, Attributify, Typography, and Web Fonts \n Supports static and dynamic rules, shortcuts, theming, variants, and CSS layers for fine-grained styling control \n Includes transformers for variant grouping, CSS directives (@apply, @screen, theme()), and JSX attributify support

Vite-powered unit testing framework with Jest-compatible API and native ESM support. \n \n Shares Vite's config, transformers, and plugins; supports TypeScript, JSX, and ESM without extra setup \n Smart watch mode reruns only affected tests based on module graph; multi-threaded workers enable parallel execution \n Comprehensive testing utilities: test/describe/expect API, mocking (functions, modules, timers), snapshots, and fixtures \n Built-in code coverage via V8 or Istanbul; test filtering by