frontend-tdd-workflow
CommunityEnforce TDD discipline with Red-Green-Refactor.
AuthorKwondongkyun
Version1.0.0
Installs0
System Documentation
What problem does it solve?
TDD-guided development reduces debugging time by guiding teams to write failing tests first, then minimal implementation, followed by refactoring while keeping tests green, ultimately delivering reliable features with high test coverage.
Core Features & Use Cases
- Enforces the Red-Green-Refactor workflow to guide incremental development.
- Promotes interface-first design and one-test-at-a-time practice for clearer contracts.
- Guides teams toward achieving and maintaining at least 80% test coverage with structured workflows.
- Use Case: When adding a new feature, write a failing test first, implement the minimal code to pass, then refactor while keeping tests green and coverage high.
Quick Start
Begin by writing a failing test for the feature, then implement the minimal code to pass and refactor while preserving test quality.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-tdd-workflow Download link: https://github.com/Kwondongkyun/claude-code-settings/archive/main.zip#frontend-tdd-workflow Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.