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
89
85%
Does it follow best practices?
Impact
97%
1.36xAverage score across 3 eval scenarios
Passed
No known issues
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%
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%
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%
00fb59d
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.