К основному содержанию
скилл CX Codex

tdd · pymodel — скилл для Claude Code: что делает и как установить

Набор правил TDD для ИИ-агентов, обучающий писать тесты по циклу «красный-зелёный-рефакторинг». Помогает проектировать надёжные тесты и избегать мутаций состояния.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add PyModel/react-frontend-skills --skill tdd -a claude-code
Открыть на GitHub

Что делает tdd

Скилл добавляет в контекст агента свод из 42 правил разработки через тестирование, разбитых на 8 категорий с разным приоритетом. Агент следует циклу red-green-refactor: сначала создаёт падающий тест, затем пишет минимум кода для его прохождения, а после этого делает рефакторинг.

Каждое правило описано в отдельном файле references/<rule-id>.md, где указана мотивация и даны контрастные примеры корректного и некорректного кода. Набор охватывает шаблоны AAA и Builder, изоляцию внешних зависимостей через стабы, параметризованные проверки и стратегию пирамиды тестирования.

Специфику фреймворка Vitest или мокирование сетевых запросов через MSW скилл не содержит. Для них автор рекомендует подключать отдельные скиллы vitest и msw.

Какие задачи решает

  • внедрить цикл red-green-refactor в генерацию кода агентом
  • изолировать внешние зависимости без создания общего изменяемого состояния
  • устранить нестабильные и медленные тесты с вызовами sleep
  • структурировать тестовые наборы по поведению вместо имён методов

Примеры запросов агенту

  • Напиши тест для сервиса оплаты по циклу TDD перед реализацией
  • Проверь тестовый набор на соответствие правилу isolate-no-shared-state
  • Отрефактори эти тесты, используя паттерн Arrange-Act-Assert

Как установить tdd

1Через Skills CLI (Vercel)

npx skills add PyModel/react-frontend-skills --skill tdd -a claude-code

2Вручную: положить файлы

~/.claude/skills/tdd/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/tdd/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о tdd

Как установить tdd в Claude Code?

Выполните в терминале команду npx skills add PyModel/react-frontend-skills --skill tdd -a claude-code. Файл настроек сохранится по пути ~/.claude/skills/tdd/SKILL.md.

Что делает скилл tdd?

Он передаёт агенту 42 правила TDD, структурированные по приоритетам от критического цикла red-green-refactor до стратегии пирамиды. Модель учится сначала писать падающие проверки и добавлять только нужный минимум кода.

Чем этот скилл отличается от vitest или msw?

Скилл tdd задаёт общие принципы проектирования тестов и изоляции данных. Для синтаксиса Vitest или перехвата сетевых запросов через MSW у автора есть отдельные скиллы vitest и msw.

Исходный текст

SKILL.md · MIT
---
name: tdd
description: Test-driven development with red-green-refactor.
---

# Community Test-Driven Development Best Practices

Comprehensive guide to Test-Driven Development practices, designed for AI agents and LLMs. Contains 42 rules across 8 categories, prioritized by impact to guide test writing, refactoring, and code generation.

## When to Apply

Reference these guidelines when:
- Writing new tests using TDD workflow
- Implementing the red-green-refactor cycle
- Designing test structure and organization
- Creating test data and fixtures
- Reviewing or refactoring existing test suites

## TDD Workflow

1. **RED**: Write a failing test that defines desired behavior
2. **GREEN**: Write minimal code to make the test pass
3. **REFACTOR**: Clean up code while keeping tests green
4. Repeat for each new behavior

## Rule Categories by Priority

| Priority | Category | Impact | Prefix |
|----------|----------|--------|--------|
| 1 | Red-Green-Refactor Cycle | CRITICAL | `cycle-` |
| 2 | Test Design Principles | CRITICAL | `design-` |
| 3 | Test Isolation & Dependencies | HIGH | `isolate-` |
| 4 | Test Data Management | HIGH | `data-` |
| 5 | Assertions & Verification | MEDIUM | `assert-` |
| 6 | Test Organization & Structure | MEDIUM | `org-` |
| 7 | Test Performance & Reliability | MEDIUM | `perf-` |
| 8 | Test Pyramid & Strategy | LOW | `strat-` |

## Quick Reference

### 1. Red-Green-Refactor Cycle (CRITICAL)

- `cycle-write-test-first` - Write the Test Before the Implementation
- `cycle-minimal-code-to-pass` - Write Only Enough Code to Pass the Test
- `cycle-refactor-after-green` - Refactor Immediately After Green
- `cycle-verify-test-fails-first` - Verify the Test Fails Before Writing Code
- `cycle-small-increments` - Take Small Incremental Steps
- `cycle-maintain-test-list` - Maintain a Test List

### 2. Test Design Principles (CRITICAL)

- `design-test-behavior-not-implementation` - Test Behavior Not Implementation
- `design-one-assertion-per-test` - One Logical Assertion Per Test
- `design-descriptive-test-names` - Use Descriptive Test Names
- `design-aaa-pattern` - Follow the Arrange-Act-Assert Pattern
- `design-test-edge-cases` - Test Edge Cases and Boundaries
- `design-avoid-logic-in-tests` - Avoid Logic in Tests

### 3. Test Isolation & Dependencies (HIGH)

- `isolate-mock-external-dependencies` - Mock External Dependencies
- `isolate-no-shared-state` - Avoid Shared Mutable State Between Tests
- `isolate-deterministic-tests` - Write Deterministic Tests
- `isolate-prefer-stubs-over-mocks` - Prefer Stubs Over Mocks for Queries
- `isolate-use-dependency-injection` - Use Dependency Injection for Testability

### 4. Test Data Management (HIGH)

- `data-use-factories` - Use Factories for Test Data Creation
- `data-minimal-setup` - Keep Test Setup Minimal
- `data-avoid-mystery-guests` - Avoid Mystery Guests
- `data-unique-identifiers` - Use Unique Identifiers Per Test
- `data-builder-pattern` - Use Builder Pattern for Complex Objects

### 5. Assertions & Verification (MEDIUM)

- `assert-specific-assertions` - Use Specific Assertions
- `assert-error-messages` - Assert on Error Messages and Types
- `assert-no-assertions-antipattern` - Every Test Must Have Assertions
- `assert-custom-matchers` - Create Custom Matchers for Domain Assertions
- `assert-snapshot-testing` - Use Snapshot Testing Judiciously

### 6. Test Organization & Structure (MEDIUM)

- `org-group-by-behavior` - Group Tests by Behavior Not Method
- `org-file-structure` - Follow Consistent Test File Structure
- `org-setup-teardown` - Use Setup and Teardown Hooks Appropriately
- `org-test-utilities` - Extract Reusable Test Utilities
- `org-parameterized-tests` - Use Parameterized Tests for Variations

### 7. Test Performance & Reliability (MEDIUM)

- `perf-fast-unit-tests` - Keep unit tests fast enough for continuous feedback
- `perf-avoid-network-calls` - Eliminate Network Calls in Unit Tests
- `perf-fix-flaky-tests` - Fix Flaky Tests Immediately
- `perf-parallelize-tests` - Parallelize Independent Tests
- `perf-avoid-sleep` - Avoid Arbitrary Sleep Calls

### 8. Test Pyramid & Strategy (LOW)

- `strat-test-pyramid` - Follow the Test Pyramid
- `strat-mutation-testing` - Use Mutation Testing to Validate Test Quality
- `strat-coverage-targets` - Set Meaningful Coverage Targets
- `strat-integration-boundaries` - Test Integration at Service Boundaries
- `strat-e2e-critical-paths` - Limit E2E Tests to Critical User Paths

## How to Use

Read `references/<rule-id>.md` for each rule above that matches the task: why it matters, then incorrect vs. correct code.

## Related Skills

- For Vitest framework specifics, see `vitest` skill
- For API mocking with MSW, see `msw` skill

© PyModel · MIT · PyModel/react-frontend-skills

Похожие скиллы

Все скиллы по теме «Тесты и QA» →

Сначала — tdd от других авторов.

tdd Matt Pocock Скилл управляет циклом красный-зелёный в TDD: проверяет, что тесты пишутся до кода, держит их на уровне публичных интерфейсов и не завязывает на внутреннюю структуру. 1 141 062установок tdd backnotprop Скилл заставляет агента сначала написать падающий тест на баг, а потом править код. Включается только когда тест дешёвый и очевидный. CX Codex +1 5 100установок tdd codewithmukesh Скилл ведёт строгий цикл разработки через тестирование в .NET 10: от падающего теста в xUnit v3 до минимального кода и рефакторинга. CX Codex +1 2 800установок tdd brianlovin Внедряет строгий цикл разработки через тестирование red-green-refactor. Помогает писать проверки по публичным API и двигаться короткими шагами. CX Codex +1 2 800установок tdd parcadei Скилл ведёт агента по строгому циклу red-green-refactor: сначала падающий тест, потом минимальный код, потом проверка. CX Codex +1 470установок improve-codebase-architecture Matt Pocock Скилл ищет архитектурные узкие места в кодовой базе и показывает варианты углубления модулей в HTML-отчёте. Подойдёт для ревью перед рефакторингом. 1 163 035установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок skill-creator официальный anthropics Помогает создать новый скилл, доработать существующий и проверить результат через тестовые промпты и оценки. 414 180установок agent-browser vercel-labs Скилл управляет браузером через CLI: открывает страницы, заполняет формы, нажимает кнопки и проверяет веб-приложения. Подходит для задач, где агенту нужно действовать в интерфейсе. CX Codex +1 1 200 000установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок

Из того же набора11

playwright Скилл для Playwright в Next.js: 45 правил по 8 категориям — от архитектуры тестов до отладки в CI. Пригодится, когда тесты падают через раз. CX Codex +1 485установок ui-design Свод правил фронтенд-дизайна из 42 пунктов в 8 категориях. Помогает настроить доступность по WCAG, вёрстку и показатели Core Web Vitals. CX Codex +1 513установок tailwind Скилл с 42 правилами по Tailwind CSS v4: сборка, генерация CSS, размер бандла, темизация. Пригодится при миграции и настройке. CX Codex +1 512установок tanstack-query Скилл содержит 41 правило оптимизации TanStack Query v5. Помогает настраивать кеширование, писать мутации без гонок данных и устранять каскадные запросы. CX Codex +1 457установок nextjs Скилл с 42 правилами по кэшированию, маршрутизации и серверным компонентам Next.js 16 App Router. Помогает агенту писать код по актуальным практикам. CX Codex +1 479установок feature-arch Скилл задаёт правила папок и границ модулей в React-проекте: 42 правила по 8 категориям, от структуры каталогов до имён файлов. CX Codex +1 473установок shadcn Скилл с набором правил для работы с shadcn/ui: архитектура компонентов, доступность, темы, формы и таблицы. Пригодится, когда агент пишет или правит UI на React. CX Codex +1 458установок vercel-react-best-practices Скилл с 70 правилами оптимизации React и Next.js от Vercel. Пригодится при написании компонентов, рефакторинге и разборе проблем с производительностью. CX Codex +1 448установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой