Skills Directory

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/d

MUST be used for Vue.js tasks. Strongly recommends Composition API with `` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or impl

MUST be used for Vue.js tasks. Strongly recommends Composition API with `` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when

Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and intera

Build UIs with @nuxt/ui v4 - 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to m

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

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.

Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and intera

Pinia stores, state management patterns, store setup, and reactivity with stores.

MUST be used for Vue.js tasks. Strongly recommends Composition API with `` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar

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

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

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

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, re

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled

Build Vue.js applications following composition API and best practices.