Vue Development
Håndhæver Vue 3.4+ TypeScript mønstre: defineModel, typed emits, Testing Library over test-utils.
Testet · Virker
Hvad det gør
En Vue 3 + TypeScript mønster-håndhævelses skill til planlægning og implementering af komponenter, composables, routing og tests - skubber defineModel() over manuel modelValue props, typed defineProps/defineEmits over runtime validering, og @testing-library/vue + MSW over test-utils og manuelle mocks. Triggers ved arkitektur eller skrivning af Vue 3 Composition-API kode; undtager eksplicit Vue 2 og Options API arbejde.
Testrapport
Byggede den samme UserAvatar komponent to gange: uden vejledning kom den ud som et klikbart ikke-semantisk div uden alt-tekst eller fejlhåndtering og en manuel fetch mock i testen; skill-vejledt blev den en tilgængelig knap med alt-tekst, try/catch fejlstate, defineModel og en MSW-baseret Testing Library test - en reel, synlig forskel. Men README citerer SKILL-CREATION-SUMMARY.md, FINAL-STATUS.md, OPTIMIZATION-SUMMARY.md og en test-scenarios/ mappe som bevis for dens '100% compliance / PRODUCTION-READY' påstand, og ingen af disse filer findes i den klonede repo.
Testet: 2026-07-14 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/alexanderop/claude-skill-vue-development cd claude-skill-vue-development mkdir -p ~/.claude/skills cp -r skills/vue-development ~/.claude/skills/vue-development
Kommandoer og eksempelprompter
/vue-developmentHåndhæver Vue 3.4+ TypeScript mønstre: defineModel, typed emits, Testing Library over test-utils.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
Build a UserAvatar component in Vue 3 with a v-model propWrite typed defineProps and defineEmits for this Vue formAdd a Testing Library test for my Vue composable, not test-utils