·nuxt-ui-tdd
*

nuxt-ui-tdd

akornmeier/claude-config

Leitfaden zum Erstellen von Vue 3-Komponenten mit NuxtUI unter Verwendung einer strengen TDD-Methode (Test-Driven Development), die durch einen TDD-Guard-Hook erzwungen wird. Nutzen Sie diese Fähigkeit, wenn Sie neue UI-Komponenten (Atome, Moleküle, Organismen) für das Poche-Projekt implementieren, Storybook-Storys mit Interaktionstests erstellen oder im ROT-GRÜN-REFAKTOR-Zyklus arbeiten. Besonders nützlich, wenn der Benutzer „TDD“, „zuerst testen“, „eine Komponente erstellen“, „eine Komponente erstellen“, „[Komponentenname] implementieren“ erwähnt oder wenn er UI-Funktionalität hinzufügt.

2Installationen·0Trend·@akornmeier

Installation

$npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd

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

Leitfaden zum Erstellen von Vue 3-Komponenten mit NuxtUI unter Verwendung einer strengen TDD-Methode (Test-Driven Development), die durch einen TDD-Guard-Hook erzwungen wird. Nutzen Sie diese Fähigkeit, wenn Sie neue UI-Komponenten (Atome, Moleküle, Organismen) für das Poche-Projekt implementieren, Storybook-Storys mit Interaktionstests erstellen oder im ROT-GRÜN-REFAKTOR-Zyklus arbeiten. Besonders nützlich, wenn der Benutzer „TDD“, „zuerst testen“, „eine Komponente erstellen“, „eine Komponente erstellen“, „[Komponentenname] implementieren“ erwähnt oder wenn er UI-Funktionalität hinzufügt. Quelle: akornmeier/claude-config.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-05
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist nuxt-ui-tdd?

Leitfaden zum Erstellen von Vue 3-Komponenten mit NuxtUI unter Verwendung einer strengen TDD-Methode (Test-Driven Development), die durch einen TDD-Guard-Hook erzwungen wird. Nutzen Sie diese Fähigkeit, wenn Sie neue UI-Komponenten (Atome, Moleküle, Organismen) für das Poche-Projekt implementieren, Storybook-Storys mit Interaktionstests erstellen oder im ROT-GRÜN-REFAKTOR-Zyklus arbeiten. Besonders nützlich, wenn der Benutzer „TDD“, „zuerst testen“, „eine Komponente erstellen“, „eine Komponente erstellen“, „[Komponentenname] implementieren“ erwähnt oder wenn er UI-Funktionalität hinzufügt. Quelle: akornmeier/claude-config.

Wie installiere ich nuxt-ui-tdd?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/akornmeier/claude-config