tdd-workflow-typescript

Enforce Test-Driven Development for TypeScript features with 80%+ coverage using Jest/Vitest, React Testing Library, and Playwright.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Rx-K8/my-claude-code --skill tdd-workflow-typescript
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tdd-workflow-typescript
Source: https://github.com/Rx-K8/my-claude-code/tree/main/custom/skills/tdd-workflow-typescript
Command: npx skills add https://github.com/Rx-K8/my-claude-code --skill tdd-workflow-typescript

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill ensures all code development adheres to Test-Driven Development (TDD) principles, guaranteeing comprehensive test coverage and robust software quality.

Core Features & Use Cases

  • Mandatory TDD: Enforces writing tests before implementation.
  • High Coverage: Aims for 80%+ unit, integration, and E2E test coverage.
  • Tooling: Leverages Jest/Vitest, React Testing Library, and Playwright.
  • Use Case: When developing a new API endpoint, this skill will guide you to first write tests for its expected behavior, error handling, and edge cases, then implement the code to pass those tests, ensuring reliability from the start.

Quick Start

Use the tdd-workflow-typescript skill to write tests for a new React component.

Frequently Asked Questions about tdd-workflow-typescript

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

FAQPage Schema
How do I enforce Test-Driven Development for new features and bug fixes in TypeScript?

This Skill enforces Test-Driven Development for TypeScript by guiding you to write tests before implementation, create minimal code to pass them, refactor safely, and verify 80%+ code coverage across unit, integration, and E2E tests.

What is the best way to achieve 80%+ code coverage across unit and E2E tests in TypeScript?

The best way to achieve 80%+ code coverage is by following a strict TDD workflow. This Skill enforces comprehensive test coverage across unit, integration, and end-to-end tests utilizing Jest/Vitest, React Testing Library, and Playwright.

Can I use Jest and Playwright together when applying TDD to TypeScript refactoring?

Yes, you can use Jest and Playwright together. This Skill leverages Jest/Vitest for unit and integration tests, React Testing Library for component tests, and Playwright for end-to-end tests to ensure robust TypeScript refactoring.

How do I start writing tests before code for a new API endpoint in TypeScript?

To start writing tests before code for a new TypeScript API endpoint, this Skill guides you to first define tests for expected behavior, error handling, and edge cases, then implement the minimal code required to pass those tests.

Does this TDD workflow support React Testing Library for TypeScript component testing?

Yes, this TDD workflow supports React Testing Library. It is explicitly integrated alongside Jest/Vitest and Playwright to guide you through testing React components and verifying their behavior before writing the actual implementation code.