·nuxt-ui-tdd
*

nuxt-ui-tdd

Guida per la creazione di componenti Vue 3 con NuxtUI utilizzando la rigorosa metodologia Test-Driven Development (TDD) applicata da un guard hook TDD. Usa questa abilità quando implementi nuovi componenti dell'interfaccia utente (atomi, molecole, organismi) per il progetto Poche, crei storie di libri di fiabe con test di interazione o lavori all'interno del ciclo RED-GREEN-REFACTOR. Particolarmente utile quando l'utente menziona "TDD", "test-first", "crea un componente", "crea un componente", "implementa [ComponentName]" o quando aggiungi funzionalità dell'interfaccia utente.

3Installazioni·0Tendenza·@akornmeier

Installazione

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

Come installare nuxt-ui-tdd

Installa rapidamente la skill AI nuxt-ui-tdd nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: akornmeier/claude-config.

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

Guida per la creazione di componenti Vue 3 con NuxtUI utilizzando la rigorosa metodologia Test-Driven Development (TDD) applicata da un guard hook TDD. Usa questa abilità quando implementi nuovi componenti dell'interfaccia utente (atomi, molecole, organismi) per il progetto Poche, crei storie di libri di fiabe con test di interazione o lavori all'interno del ciclo RED-GREEN-REFACTOR. Particolarmente utile quando l'utente menziona "TDD", "test-first", "crea un componente", "crea un componente", "implementa [ComponentName]" o quando aggiungi funzionalità dell'interfaccia utente. Fonte: akornmeier/claude-config.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-05
Aggiornato
2026-03-10

Browse more skills from akornmeier/claude-config

Risposte rapide

Che cos'è nuxt-ui-tdd?

Guida per la creazione di componenti Vue 3 con NuxtUI utilizzando la rigorosa metodologia Test-Driven Development (TDD) applicata da un guard hook TDD. Usa questa abilità quando implementi nuovi componenti dell'interfaccia utente (atomi, molecole, organismi) per il progetto Poche, crei storie di libri di fiabe con test di interazione o lavori all'interno del ciclo RED-GREEN-REFACTOR. Particolarmente utile quando l'utente menziona "TDD", "test-first", "crea un componente", "crea un componente", "implementa [ComponentName]" o quando aggiungi funzionalità dell'interfaccia utente. Fonte: akornmeier/claude-config.

Come installo nuxt-ui-tdd?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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