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.