Vue Development

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

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

Bestått ★ 8.0/10

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

Hva den gjør

En Vue 3 + TypeScript-mønsterhåndhevingsferdighet for planlegging og implementering av komponenter, composables, ruting og tester - presser defineModel() over manuelle modelValue-props, typed defineProps/defineEmits over kjøretidsvalidering, og @testing-library/vue + MSW over test-utils og manuelle mocks. Utløses ved arkitektur eller skriving av Vue 3 Composition-API-kode; velger eksplisitt bort Vue 2 og Options API-arbeid.

Testrapport

Bygde den samme UserAvatar-komponenten to ganger: uten veiledning ble den en klikkbar ikke-semantisk div uten alt-tekst eller feilhåndtering og en manuell fetch mock i testen; ferdighetsveiledet ble den en tilgjengelig knapp med alt-tekst, try/catch feiltilstand, defineModel og en MSW-basert Testing Library-test - en reell, synlig forskjell. Men README siterer SKILL-CREATION-SUMMARY.md, FINAL-STATUS.md, OPTIMIZATION-SUMMARY.md og en test-scenarios/ mappe som bevis for sin '100% compliance / PRODUCTION-READY' påstand, og ingen av disse filene eksisterer i den klonede repoen.

Testet på: 2026-07-14 · Claude Code 2.x (agent harness)

Installer

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åndhever Vue 3.4+ TypeScript-mønstre: defineModel, typed emits, Testing Library over test-utils.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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