SkillProof tested Claude skills

Vue Development

Wymusza wzorce Vue 3.4+ TypeScript: defineModel, typowane emits, Testing Library zamiast test-utils.

Autor: alexanderop · alexanderop/claude-skill-vue-development

Testowano · Działa ★ 8.0/10

Vue Development — Wymusza wzorce Vue 3.4+ TypeScript: defineModel, typowane emits, Testing Library zamiast test-utils.

Co robi ten skill

Umiejętność wymuszania wzorców Vue 3 + TypeScript do planowania i implementacji komponentów, composables, routingu i testów – promuje defineModel() zamiast ręcznych propów modelValue, typowane defineProps/defineEmits zamiast walidacji w czasie wykonania, oraz @testing-library/vue + MSW zamiast test-utils i ręcznych mocków. Uruchamia się podczas projektowania lub pisania kodu Vue 3 Composition-API; wyraźnie rezygnuje z pracy z Vue 2 i Options API.

Raport z testu

Zbudowano ten sam komponent UserAvatar dwukrotnie: bez wskazówek wyszedł jako klikalny, niesemantyczny div bez tekstu alt ani obsługi błędów i z ręcznym mockiem fetch w teście; z pomocą umiejętności stał się dostępnym przyciskiem z tekstem alt, stanem błędu try/catch, defineModel i testem Testing Library wspieranym przez MSW – prawdziwa, widoczna różnica. Ale README powołuje się na SKILL-CREATION-SUMMARY.md, FINAL-STATUS.md, OPTIMIZATION-SUMMARY.md i folder test-scenarios/ jako dowód na swoje twierdzenie '100% compliance / PRODUCTION-READY', a żaden z tych plików nie istnieje w sklonowanym repozytorium.

Testowano: 2026-07-14 · Claude Code 2.x (agent harness)

Instalacja

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

Komendy i przykładowe prompty

  • /vue-developmentWymusza wzorce Vue 3.4+ TypeScript: defineModel, typowane emits, Testing Library zamiast test-utils.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • 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

Pełny raport →