nuxt-ui-tdd
✓Guide pour créer des composants Vue 3 avec NuxtUI en utilisant une méthodologie stricte de développement piloté par les tests (TDD) appliquée par un hook de garde TDD. Utilisez cette compétence lors de la mise en œuvre de nouveaux composants d'interface utilisateur (atomes, molécules, organismes) pour le projet Poche, lors de la création d'histoires Storybook avec des tests d'interaction ou lors du travail dans le cycle ROUGE-VERT-REFACTOR. Particulièrement utile lorsque l'utilisateur mentionne "TDD", "tester d'abord", "créer un composant", "construire un composant", "implémenter [ComponentName]" ou lors de l'ajout de fonctionnalités d'interface utilisateur.
Installation
SKILL.md
Build Vue 3 components with NuxtUI following strict Test-Driven Development (TDD) methodology. This skill provides workflows, templates, and guardrails for creating well-tested, reusable UI components using the Atomic Design pattern.
Before starting, identify the atomic design level. Consult references/naming-conventions.md for detailed guidance.
Location: Same directory as component Naming: {ComponentName}.stories.ts
Guide pour créer des composants Vue 3 avec NuxtUI en utilisant une méthodologie stricte de développement piloté par les tests (TDD) appliquée par un hook de garde TDD. Utilisez cette compétence lors de la mise en œuvre de nouveaux composants d'interface utilisateur (atomes, molécules, organismes) pour le projet Poche, lors de la création d'histoires Storybook avec des tests d'interaction ou lors du travail dans le cycle ROUGE-VERT-REFACTOR. Particulièrement utile lorsque l'utilisateur mentionne "TDD", "tester d'abord", "créer un composant", "construire un composant", "implémenter [ComponentName]" ou lors de l'ajout de fonctionnalités d'interface utilisateur. Source : akornmeier/claude-config.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd- Source
- akornmeier/claude-config
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-05
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que nuxt-ui-tdd ?
Guide pour créer des composants Vue 3 avec NuxtUI en utilisant une méthodologie stricte de développement piloté par les tests (TDD) appliquée par un hook de garde TDD. Utilisez cette compétence lors de la mise en œuvre de nouveaux composants d'interface utilisateur (atomes, molécules, organismes) pour le projet Poche, lors de la création d'histoires Storybook avec des tests d'interaction ou lors du travail dans le cycle ROUGE-VERT-REFACTOR. Particulièrement utile lorsque l'utilisateur mentionne "TDD", "tester d'abord", "créer un composant", "construire un composant", "implémenter [ComponentName]" ou lors de l'ajout de fonctionnalités d'interface utilisateur. Source : akornmeier/claude-config.
Comment installer nuxt-ui-tdd ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/akornmeier/claude-config
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-05