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