·nuxt-ui-tdd
*

nuxt-ui-tdd

akornmeier/claude-config

Guía para crear componentes de Vue 3 con NuxtUI utilizando una estricta metodología de desarrollo basado en pruebas (TDD) aplicada mediante un gancho de protección TDD. Utilice esta habilidad al implementar nuevos componentes de la interfaz de usuario (átomos, moléculas, organismos) para el proyecto Poche, crear historias de libros de cuentos con pruebas de interacción o trabajar dentro del ciclo ROJO-VERDE-REFACTOR. Particularmente útil cuando el usuario menciona "TDD", "probar primero", "crear un componente", "construir un componente", "implementar [Nombre del componente]" o al agregar funcionalidad de interfaz de usuario.

2Instalaciones·0Tendencia·@akornmeier

Instalación

$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

Guía para crear componentes de Vue 3 con NuxtUI utilizando una estricta metodología de desarrollo basado en pruebas (TDD) aplicada mediante un gancho de protección TDD. Utilice esta habilidad al implementar nuevos componentes de la interfaz de usuario (átomos, moléculas, organismos) para el proyecto Poche, crear historias de libros de cuentos con pruebas de interacción o trabajar dentro del ciclo ROJO-VERDE-REFACTOR. Particularmente útil cuando el usuario menciona "TDD", "probar primero", "crear un componente", "construir un componente", "implementar [Nombre del componente]" o al agregar funcionalidad de interfaz de usuario. Fuente: akornmeier/claude-config.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-05
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es nuxt-ui-tdd?

Guía para crear componentes de Vue 3 con NuxtUI utilizando una estricta metodología de desarrollo basado en pruebas (TDD) aplicada mediante un gancho de protección TDD. Utilice esta habilidad al implementar nuevos componentes de la interfaz de usuario (átomos, moléculas, organismos) para el proyecto Poche, crear historias de libros de cuentos con pruebas de interacción o trabajar dentro del ciclo ROJO-VERDE-REFACTOR. Particularmente útil cuando el usuario menciona "TDD", "probar primero", "crear un componente", "construir un componente", "implementar [Nombre del componente]" o al agregar funcionalidad de interfaz de usuario. Fuente: akornmeier/claude-config.

¿Cómo instalo nuxt-ui-tdd?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

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