tdd-workflow

Enforce RED-GREEN-REFACTOR cycles with Vitest and Playwright for TypeScript web applications.

2|1|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/529-studio/Vmarble-Warehouse-Management-Client --skill tdd-workflow-529-studio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tdd-workflow
Source: https://github.com/529-studio/Vmarble-Warehouse-Management-Client/tree/main/.agents/skills/tdd-workflow
Command: npx skills add https://github.com/529-studio/Vmarble-Warehouse-Management-Client --skill tdd-workflow-529-studio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the common issue of inconsistent testing practices and low code coverage by enforcing a strict Test-Driven Development (TDD) lifecycle that ensures every feature is verified before implementation.

Core Features & Use Cases

  • RED-GREEN-REFACTOR Enforcement: Mandates a disciplined workflow where tests are written and validated as failing before any production code is touched.
  • Comprehensive Coverage: Ensures 80%+ test coverage across unit, integration, and E2E test suites.
  • Use Case: When implementing a new API endpoint or refactoring a complex component, this skill guides you through creating a failing test case, implementing the minimal fix, and verifying the result to maintain high system reliability.

Quick Start

Activate the tdd-workflow skill to begin implementing a new feature by first generating the required test suite and validating the initial failing state.

Frequently Asked Questions about tdd-workflow

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce a strict TDD workflow with Vitest and Playwright?

Enforce a strict TDD workflow by mandating RED-GREEN-REFACTOR cycles using Vitest and Playwright, ensuring tests are written and validated as failing before any production code is touched. This approach guarantees high code quality and 80% test coverage.

What is the RED-GREEN-REFACTOR cycle for TypeScript web applications?

The RED-GREEN-REFACTOR cycle is a disciplined TDD workflow where you first write a failing test, implement the minimal code to pass it, and then verify the result through refactoring. This lifecycle ensures reliable, bug-free code in TypeScript applications.

Can I use this TDD workflow for bug fixes and refactoring tasks?

Yes, this TDD workflow applies to feature development, bug fixes, and refactoring tasks within TypeScript-based web applications. It guides you through creating a failing test case, implementing the minimal fix, and verifying the result to maintain system reliability.

How do I achieve 80% test coverage in unit, integration, and E2E suites?

Achieve 80% test coverage by enforcing a strict Test-Driven Development lifecycle across unit, integration, and E2E test suites. This approach ensures every feature is verified before implementation, addressing inconsistent testing practices and low code coverage.

Does this TDD approach work with TypeScript-based web applications?

Yes, this TDD approach is specifically designed for TypeScript-based web applications. It uses Vitest and Playwright for comprehensive verification across unit, integration, and E2E test suites to ensure high system reliability and 80%+ test coverage.

Why does writing failing tests before implementation improve code quality?

Writing failing tests before implementation improves code quality by enforcing a strict Test-Driven Development lifecycle. This ensures every feature is verified upfront, addressing inconsistent testing practices and guaranteeing reliable, bug-free code with 80%+ test coverage.