Vue Development
Erzwingt Vue 3.4+ TypeScript-Muster: defineModel, typed emits, Testing Library statt test-utils.
Getestet · Funktioniert
Was es kann
Ein Vue 3 + TypeScript-Muster-Erzwingungs-Skill für die Planung und Implementierung von Komponenten, Composables, Routing und Tests – bevorzugt defineModel() gegenüber manuellen modelValue-Props, typisierte defineProps/defineEmits gegenüber Laufzeitvalidierung und @testing-library/vue + MSW gegenüber test-utils und manuellen Mocks. Wird ausgelöst beim Architektieren oder Schreiben von Vue 3 Composition-API Code; lehnt Vue 2 und Options API-Arbeiten explizit ab.
Testbericht
Dieselbe UserAvatar-Komponente zweimal erstellt: Ungelenkt entstand ein klickbares, nicht-semantisches div ohne alt text oder Fehlerbehandlung und einem manuellen fetch mock im Test; Skill-geführt wurde es zu einem zugänglichen Button mit alt text, try/catch Fehlerzustand, defineModel und einem MSW-gestützten Testing Library Test – eine echte, sichtbare Lücke. Aber die README zitiert SKILL-CREATION-SUMMARY.md, FINAL-STATUS.md, OPTIMIZATION-SUMMARY.md und einen test-scenarios/-Ordner als Beweis für ihren Anspruch '100% compliance / PRODUCTION-READY', und keine dieser Dateien existiert im geklonten Repo.
Getestet am: 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
Befehle & Beispiel-Prompts
/vue-developmentErzwingt Vue 3.4+ TypeScript-Muster: defineModel, typed emits, Testing Library statt test-utils.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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