This skill should be used when the user asks to "create task mapping", "structure implementation", "define cycles", or mentions "vertical slice", "TDD", "test first", "cycle structure", or "testable increment". Transforms requirements into vertical slices with strict test-first task ordering.
View on GitHubdeepeshBodh/human-in-loop
humaninloop
January 25, 2026
Select agents to install to:
npx add-skill https://github.com/deepeshBodh/human-in-loop/blob/main/plugins/humaninloop/skills/patterns-vertical-tdd/SKILL.md -a claude-code --skill patterns-vertical-tddInstallation paths:
.claude/skills/patterns-vertical-tdd/# Vertical Slicing with TDD ## Purpose Transform requirements into implementation tasks organized as vertical slices with strict TDD discipline. Each slice (called a "cycle") delivers observable, testable value and follows test-first principles. ## Core Principles ### 1. Vertical Over Horizontal **Wrong** (horizontal slicing): ``` Phase 1: All models Phase 2: All services Phase 3: All endpoints Phase 4: All tests ``` **Right** (vertical slicing): ``` Cycle 1: User creation (model + service + endpoint + test) Cycle 2: User authentication (model + service + endpoint + test) Cycle 3: User profile management (model + service + endpoint + test) ``` ### 2. Test-First at Task Level Every cycle structures tasks so tests come before implementation: ``` Cycle N: [Feature] ├── Task N.1: Write failing test ├── Task N.2: Implement to pass ├── Task N.3: Refactor and verify └── Task N.4: Demo and validate ``` ### 3. Foundation + Parallel ``` Foundation Cycles (sequential) ├── C1: Core data model + basic CRUD ├── C2: Authentication framework └── C3: API infrastructure Feature Cycles (parallel-eligible) ├── C4: [P] Search functionality ├── C5: [P] Filtering ├── C6: [P] Export feature └── C7: Notifications (depends on C4) ``` ### 4. Layered Testability Each cycle must be testable at multiple levels: - **Automated tests**: Unit, integration, and/or E2E tests - **Demonstrable behavior**: Observable by stakeholders - **Contract verification**: Meets acceptance criteria from spec ## Identifying Vertical Slices See [SLICE-IDENTIFICATION.md](SLICE-IDENTIFICATION.md) for detailed heuristics on identifying good vertical slices from requirements. ### Quick Heuristics A good vertical slice: 1. **Delivers user value**: Something a user could observe or use 2. **Touches all layers**: Model, service, API, UI (as applicable) 3. **Is independently testable**: Can verify it works without other slices 4. **Is sized appropriately**: Completable in 1-3 implementation sessions ### Sli