Vue Development

Håndhæver Vue 3.4+ TypeScript mønstre: defineModel, typed emits, Testing Library over test-utils.

Af alexanderop · alexanderop/claude-skill-vue-development

Testet · Virker ★ 8.0/10

Vue Development — Håndhæver Vue 3.4+ TypeScript mønstre: defineModel, typed emits, Testing Library over test-utils.

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 prop
  • Write typed defineProps and defineEmits for this Vue form
  • Add a Testing Library test for my Vue composable, not test-utils