NuxtUI TDD Development

소개

Facilitates the creation of high-quality, reusable Vue 3 components by enforcing a disciplined Red-Green-Refactor cycle within the NuxtUI ecosystem. It integrates Atomic Design principles to organize UI elements into atoms, molecules, and organisms, while utilizing Storybook for interaction testing. The skill ensures development integrity by requiring failure evidence before implementation and provides standardized templates for components and stories, making it ideal for teams prioritizing test coverage and maintainability in Nuxt-based projects.

주요 기능

• 0 GitHub stars
• Atomic Design organization for categorizing components as atoms, molecules, or organisms
• Integrated guidance for wrapping NuxtUI base components with proper prop forwarding
• Standardized templates for Vue components and Storybook stories to ensure consistency
• Strict TDD workflow enforcement via a guard hook and RED phase evidence tracking
• Automated Storybook interaction testing with specialized assertion patterns

사용 사례

• Building new UI components from scratch following a strict test-first methodology
• Creating complex UI molecules and organisms that wrap base NuxtUI elements
• Developing and verifying Storybook stories with integrated interaction tests