SkillProof tested Claude skills

Vue Development

Dwingt Vue 3.4+ TypeScript-patronen af: defineModel, getypeerde emits, Testing Library boven test-utils.

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

Getest · Werkt ★ 8.0/10

Vue Development — Dwingt Vue 3.4+ TypeScript-patronen af: defineModel, getypeerde emits, Testing Library boven test-utils.

Wat het doet

Een Vue 3 + TypeScript patroon-afdwingende skill voor het plannen en implementeren van componenten, composables, routing en tests – promoot defineModel() boven handmatige modelValue props, getypeerde defineProps/defineEmits boven runtime validatie, en @testing-library/vue + MSW boven test-utils en handmatige mocks. Activeert bij het architectureren of schrijven van Vue 3 Composition-API code; sluit expliciet Vue 2 en Options API werk uit.

Testrapport

Hetzelfde UserAvatar-component tweemaal gebouwd: ongeleid kwam het uit als een klikbare niet-semantische div zonder alt-tekst of foutafhandeling en een handmatige fetch-mock in de test; skill-geleid werd het een toegankelijke knop met alt-tekst, try/catch-foutstatus, defineModel, en een MSW-gesteunde Testing Library-test – een reëel, zichtbaar verschil. Maar de README verwijst naar SKILL-CREATION-SUMMARY.md, FINAL-STATUS.md, OPTIMIZATION-SUMMARY.md en een test-scenarios/-map als bewijs voor de claim '100% compliance / PRODUCTION-READY', en geen van die bestanden bestaat in de gekloonde repository.

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

Installatie

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

Commando's en voorbeeldprompts

  • /vue-developmentDwingt Vue 3.4+ TypeScript-patronen af: defineModel, getypeerde emits, Testing Library boven test-utils.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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

Volledig rapport (Engels) →