tdd-fundamentals

Implement test-first development workflows with red-green-refactor cycles in TypeScript/JavaScript.

11|1|Updated Aug 6, 2025
One-click install
npx skills add https://github.com/thkt/claude-config --skill tdd-fundamentals
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tdd-fundamentals
Source: https://github.com/thkt/claude-config/tree/main/ja/skills/tdd-fundamentals
Command: npx skills add https://github.com/thkt/claude-config --skill tdd-fundamentals

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

TDDの基礎原則と実践パターンを提供し、初心者からでもRGRCサイクルを回せるようにします。

Core Features & Use Cases

  • Red-Green-Refactor-Commitの流れ
  • Baby Stepsによる小さな変更
  • AAAパターンとテスト設計の基本

Quick Start

spec.mdを読んでFRをテスト化し、RedからGreenへ進みます。

Frequently Asked Questions about tdd-fundamentals

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

FAQPage Schema
How do I implement test-driven development with the Red-Green-Refactor cycle?

Red-Green-Refactor (RGR) is a TDD pattern where you write a failing test (red), write minimal code to pass it (green), then improve the code (refactor). This Skill teaches RGR fundamentals with baby steps—small, incremental changes—across TypeScript/JavaScript projects using Jest or Vitest, enabling fast feedback loops and maintainable test-first workflows.

What is the AAA pattern in test design?

The AAA pattern—Arrange, Act, Assert—structures tests by setting up data (arrange), executing the code (act), and verifying results (assert). This Skill covers AAA fundamentals as a core test-design technique to write clear, focused tests that validate one behavior at a time in your TypeScript/JavaScript codebase.

Can I use TDD with Jest or Vitest for feature development?

Yes. This Skill applies TDD practices to feature development and bug-fix cycles using Jest or Vitest test runners. It covers test scaffolding generation from specs, skip/active test modes for focused development, and RGRC patterns—Red, Green, Refactor, Commit—to support incremental, test-first workflows in TypeScript/JavaScript projects.

How do baby steps improve test-driven development?

Baby steps are small, deliberate code changes that keep feedback cycles short and reduce complexity. This Skill teaches baby-steps methodology within TDD to help teams—especially beginners—master the Red-Green-Refactor cycle, maintain test coverage, and commit frequently with confidence across TypeScript/JavaScript codebases.

What's the difference between Red-Green-Refactor and RGRC?

RGRC adds a Commit step after Refactor, creating a disciplined checkpoint in the TDD cycle. This Skill teaches Red-Green-Refactor-Commit (RGRC) as a complete workflow that integrates version control, ensuring each passing, refactored test is saved as an atomic, reviewable unit in your development process.