frontend-tdd-workflow

Community

Enforce 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.