SkillProof tested Claude skills

Vue Development

Applique les patterns TypeScript de Vue 3.4+ : defineModel, typed emits, Testing Library plutôt que test-utils.

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

Testé · Fonctionne ★ 8.0/10

Vue Development — Applique les patterns TypeScript de Vue 3.4+ : defineModel, typed emits, Testing Library plutôt que test-utils.

Ce que fait

Une compétence d'application de patterns Vue 3 + TypeScript pour la planification et l'implémentation de composants, composables, routage et tests - privilégie defineModel() aux props modelValue manuelles, les defineProps/defineEmits typés à la validation d'exécution, et @testing-library/vue + MSW aux test-utils et mocks manuels. Se déclenche lors de l'architecture ou de l'écriture de code Vue 3 Composition-API ; exclut explicitement le travail sur Vue 2 et l'Options API.

Rapport de test

J'ai construit le même composant UserAvatar deux fois : sans guide, il est apparu comme un div cliquable non sémantique sans texte alt ni gestion d'erreurs et un mock de fetch manuel dans le test ; guidé par la compétence, il est devenu un bouton accessible avec texte alt, état d'erreur try/catch, defineModel, et un test Testing Library basé sur MSW - un écart réel et visible. Mais le README cite SKILL-CREATION-SUMMARY.md, FINAL-STATUS.md, OPTIMIZATION-SUMMARY.md et un dossier test-scenarios/ comme preuve de sa revendication '100% compliance / PRODUCTION-READY', et aucun de ces fichiers n'existe dans le dépôt cloné.

Testé le: 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

Commandes et exemples de prompts

  • /vue-developmentApplique les patterns TypeScript de Vue 3.4+ : defineModel, typed emits, Testing Library plutôt que test-utils.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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

Rapport complet →