Enforce strict TDD with RED-GREEN-REFACTOR cycles for NuxtUI components.
npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd
Please help me install this Agent Skill. Skill: nuxt-ui-tdd Source: https://github.com/akornmeier/claude-config/tree/main/skills/nuxt-ui-tdd Command: npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd
This Skill provides a disciplined framework for implementing NuxtUI components using strict Test-Driven Development (TDD) with a guardrail workflow and template-driven scaffolding.
Start by reading the TDD workflow guidelines, then create the initial test story for a NuxtUI component, run tests to observe RED phase, implement a minimal component, and iterate to GREEN while updating test.json accordingly.
High-intent search queries and answers about installing and using this skill.
To enforce strict TDD cycles for NuxtUI components, use a workflow that requires a RED phase before implementation and one-test-at-a-time increments. This is managed via template-driven scaffolding and tracking with a test.json file.
Storybook can be used for component testing with Vue 3 atomic design patterns. This approach standardizes testing and documentation for atoms, molecules, and organisms by creating initial test stories before implementing minimal components.
The RED-GREEN-REFACTOR workflow in NuxtUI component development requires writing an initial test story, observing the RED phase failure, implementing a minimal component to pass, and iterating to GREEN while updating progress in test.json.
NuxtUI TDD requires tracking test progress in a local test.json file. This workflow governance mechanism blocks premature implementation by ensuring tests are written and validated incrementally before component code is added.
The best way to scaffold components and stories for NuxtUI is using template-driven generation. This standardizes testing and documentation by providing predefined story and component templates to guide the TDD workflow.
A TDD workflow allows premature implementation in NuxtUI when guardrails are missing. Strict discipline requires blocking implementation until a RED phase is observed, ensuring one-test-at-a-time increments are followed.
Dragoon0xGenerate Storybook configuration and story files for React components.
sizukutamagoSimplify implementation code while preserving passing test suites.
GainInsightDevDesign UI components with Storybook using Atomic Design and accessibility standards.
GarethJBManage Red, Green, and Refactor TDD phases with lock files and changelog markers.
