SkillProof tested Claude skills

Vue Development

Upprätthåller Vue 3.4+ TypeScript-mönster: defineModel, typed emits, Testing Library över test-utils.

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

Testad · Fungerar ★ 8.0/10

Vue Development — Upprätthåller Vue 3.4+ TypeScript-mönster: defineModel, typed emits, Testing Library över test-utils.

Vad den gör

En Vue 3 + TypeScript-mönsterupprätthållande färdighet för planering och implementering av komponenter, composables, routing och tester – driver defineModel() över manuella modelValue-props, typade defineProps/defineEmits över runtime-validering, och @testing-library/vue + MSW över test-utils och manuella mocks. Utlöses vid arkitektur eller skrivande av Vue 3 Composition-API-kod; avstår explicit från Vue 2 och Options API-arbete.

Testrapport

Byggde samma UserAvatar-komponent två gånger: utan vägledning blev det en klickbar icke-semantisk div utan alt-text eller felhantering och en manuell fetch-mock i testet; med skicklighetsvägledning blev det en tillgänglig knapp med alt-text, try/catch-felstatus, defineModel och ett MSW-backat Testing Library-test – en verklig, synlig skillnad. Men README citerar SKILL-CREATION-SUMMARY.md, FINAL-STATUS.md, OPTIMIZATION-SUMMARY.md och en test-scenarios/-mapp som bevis för sitt '100% compliance / PRODUCTION-READY'-påstående, och ingen av dessa filer finns i det klonade repot.

Testad: 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

Kommandon och exempelprompter

  • /vue-developmentUpprätthåller Vue 3.4+ TypeScript-mönster: defineModel, typed emits, Testing Library över test-utils.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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

Läs hela rapporten →