Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
100
Does it follow best practices?
Validation for skill structure
defineModel and reactive props patterns
Uses defineModel
0%
100%
defineModel required
0%
100%
useTemplateRef for focus
0%
100%
useId for SSR IDs
100%
100%
Props destructured with defaults
0%
100%
Typed emits
100%
100%
script setup lang ts
100%
100%
Slot shorthand syntax
100%
100%
No const props destructure
100%
100%
App uses v-model
100%
100%
Same-name prop shorthand
0%
0%
import type usage
100%
100%
Without context: $0.2255 · 45s · 13 turns · 13 in / 2,634 out tokens
With context: $0.3571 · 52s · 15 turns · 14 in / 3,047 out tokens
Composable cleanup and VueUse patterns
VueUse first check
0%
100%
createSharedComposable
0%
100%
readonly exports
100%
100%
onWatcherCleanup for cancellation
0%
100%
import.meta.client guard
0%
100%
use prefix naming
100%
100%
File matches function name
100%
100%
No async composable
100%
100%
Top-level calls only
100%
71%
Spec colocated
100%
100%
Composable tested directly
100%
100%
Vitest used
100%
100%
Without context: $0.2751 · 1m 1s · 13 turns · 13 in / 4,157 out tokens
With context: $0.5482 · 1m 36s · 17 turns · 6,452 in / 5,909 out tokens
Typed provide/inject and TypeScript config
InjectionKey typing
100%
100%
Symbol keys used
100%
100%
Provides ref not value
100%
100%
readonly provided state
100%
100%
Mutations stay in provider
100%
100%
import type usage
100%
100%
tsconfig moduleResolution bundler
100%
100%
tsconfig verbatimModuleSyntax
100%
100%
tsconfig strict mode
100%
100%
tsconfig jsx preserve
100%
100%
Consumer uses typed inject
100%
100%
script setup lang ts
100%
100%
Without context: $0.2542 · 1m 5s · 12 turns · 13 in / 3,608 out tokens
With context: $0.3928 · 1m 7s · 19 turns · 19 in / 3,464 out tokens
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.