Our review
Generates a hierarchical breakdown of development tasks based on TDD from an approved design within the SDD workflow.
Strengths
- Structures tasks following the Red-Green-Refactor cycle, ensuring a test-first approach.
- Includes the test pyramid (70/20/10) to balance test levels.
- Provides task sizing guidelines and clear completion criteria.
Limitations
- Requires the design phase to be approved beforehand via specific MCP tools.
- Can generate overly prescriptive breakdowns for very simple features.
- Depends on the Claude Code environment and MCP tools, not portable.
Use this skill when you have an approved design and want to break it down into implementable tasks with a test-driven approach.
Do not use it if the design is not yet approved or if the feature is trivial and does not require a formal breakdown.
Security analysis
SafeThe skill only instructs the AI to generate task breakdown documents using predefined templates and MCP tools. No destructive operations, file deletion, network calls, or shell commands are performed.
No concerns found
Examples
/sdd-tasks user-authentication/sdd-tasks payment-processingname: sdd-tasks description: Generate TDD task breakdown for SDD workflow. Use when breaking down design into implementable tasks with test-first approach. Invoked via /sdd-tasks <feature-name>.
SDD Task Breakdown Generation
Generate comprehensive TDD-based task breakdowns that translate approved designs into implementable work items.
Prerequisites
Before generating tasks:
- Design must be generated using
/sdd-design - Design phase should be approved (use
sdd-approve designMCP tool) - Review the design document in
.spec/specs/{feature}/design.md
Workflow
Step 1: Verify Prerequisites
Use sdd-status MCP tool to verify:
design.generated: truedesign.approved: true(recommended before tasks)
Step 2: Review Design
- Read
.spec/specs/{feature}/design.md - Identify all components to implement
- Note interfaces and data models
- Understand dependencies between components
Step 3: Apply TDD Workflow
For each task, follow the Red-Green-Refactor cycle:
┌─────────────────────────────────────────────────────────────┐
│ TDD CYCLE │
├─────────────────────────────────────────────────────────────┤
│ │
│ 1. RED ──────> Write failing test first │
│ (Test describes expected behavior) │
│ │
│ 2. GREEN ──────> Write minimal code to pass │
│ (Just enough to make test green) │
│ │
│ 3. REFACTOR ────> Clean up, maintain tests passing │
│ (Improve design without breaking) │
│ │
│ ───────────────────────────────────────────────────── │
│ REPEAT │
└─────────────────────────────────────────────────────────────┘
Step 4: Apply Test Pyramid
Structure tests following the 70/20/10 ratio:
╱╲
╱ ╲
╱ E2E╲ 10% - Critical user journeys
╱──────╲
╱ ╲
╱Integration╲ 20% - Component interactions
╱────────────╲
╱ ╲
╱ Unit Tests ╲ 70% - Individual functions
╱──────────────────╲
| Level | Coverage | Scope | Speed | |-------|----------|-------|-------| | Unit | 70% | Single function/class | Fast (ms) | | Integration | 20% | Component interactions | Medium (s) | | E2E | 10% | Full user journeys | Slow (min) |
Step 5: Generate Task Breakdown
Structure tasks hierarchically:
# Tasks: {Feature Name}
## Overview
{Summary of implementation approach}
## Task Groups
### 1. {Component/Layer Name}
#### 1.1 {Task Name}
**Type:** Unit | Integration | E2E
**Estimated Effort:** S | M | L | XL
**Dependencies:** {Task IDs}
**TDD Steps:**
1. RED: Write test for {specific behavior}
```typescript
describe('{Component}', () => {
it('should {expected behavior}', () => {
// Arrange
// Act
// Assert
});
});
- GREEN: Implement {minimal solution}
- REFACTOR: {Specific improvements}
Acceptance Criteria:
- [ ] Test passes
- [ ] Code coverage >= 80%
- [ ] No lint errors
1.2 {Next Task}
...
2. {Next Component}
...
Implementation Order
[1.1] ──> [1.2] ──> [2.1]
│
└──> [1.3] ──> [2.2]
Definition of Done
- [ ] All tests pass
- [ ] Code coverage >= 80%
- [ ] No lint/type errors
- [ ] Code reviewed
- [ ] Documentation updated
### Step 6: Task Sizing Guidelines
| Size | Description | Test Count | Time |
|------|-------------|------------|------|
| **S** | Single function, 1-2 tests | 1-2 | < 1 hour |
| **M** | Multiple functions, 3-5 tests | 3-5 | 1-4 hours |
| **L** | Component with integration | 5-10 | 4-8 hours |
| **XL** | Complex component, many edge cases | 10+ | 1-2 days |
### Step 7: Test-First Task Template
For each implementation task:
```markdown
#### Task {X.Y}: {Task Name}
**Component:** {ComponentName}
**Type:** Unit Test → Implementation
**Test Scenarios:**
1. Happy path: {Expected behavior when inputs are valid}
2. Edge case: {Boundary conditions}
3. Error case: {Invalid inputs, failures}
**Test Code (RED):**
```typescript
import { {Component} } from './{component}';
describe('{Component}', () => {
describe('{method}', () => {
it('should {happy path behavior}', async () => {
// Arrange
const input = { /* valid input */ };
// Act
const result = await component.method(input);
// Assert
expect(result).toEqual({ /* expected */ });
});
it('should throw when {error condition}', async () => {
// Arrange
const invalidInput = { /* invalid */ };
// Act & Assert
await expect(component.method(invalidInput))
.rejects.toThrow('{ErrorType}');
});
});
});
Implementation (GREEN): {Brief description of minimal implementation}
Refactor:
- Extract {helper function} if needed
- Apply {specific pattern}
### Step 8: Save and Execute
1. Save tasks to `.spec/specs/{feature}/tasks.md`
2. Use `sdd-approve tasks` MCP tool to mark phase complete
3. Use `sdd-spec-impl` MCP tool to execute tasks with TDD
## MCP Tool Integration
| Tool | When to Use |
|------|-------------|
| `sdd-status` | Verify design phase complete |
| `sdd-approve` | Mark tasks phase as approved |
| `sdd-spec-impl` | Execute tasks using TDD methodology |
| `sdd-quality-check` | Validate code quality during implementation |
## Quality Checklist
- [ ] All design components have corresponding tasks
- [ ] Tasks follow TDD (test first)
- [ ] Test pyramid ratio maintained (70/20/10)
- [ ] Dependencies between tasks are clear
- [ ] Each task has specific acceptance criteria
- [ ] Tasks are sized appropriately (avoid XL when possible)
- [ ] Implementation order respects dependencies
- [ ] Definition of Done is clear
## Steering Document References
Apply these steering documents during task breakdown:
| Document | Purpose | Key Application |
|----------|---------|-----------------|
| `.spec/steering/tdd-guideline.md` | Test-Driven Development | Structure all tasks using Red-Green-Refactor cycle, follow test pyramid (70/20/10) |
**Key TDD Principles for Tasks:**
1. **RED**: Every task starts with writing a failing test
2. **GREEN**: Implement minimal code to pass the test
3. **REFACTOR**: Clean up while keeping tests green
4. **Test Pyramid**: 70% unit, 20% integration, 10% E2E
## Common Anti-Patterns to Avoid
| Anti-Pattern | Problem | Solution |
|--------------|---------|----------|
| **Test After** | Missing edge cases | Always write test first |
| **Ice Cream Cone** | Too many E2E tests | Follow pyramid (70/20/10) |
| **Big Tasks** | Hard to track progress | Break into S/M sizes |
| **No Dependencies** | Blocked work | Map dependencies explicitly |
| **Vague Criteria** | Unclear completion | Specific, measurable criteria |
TDD Red-Green-Refactor
Testing
Skill that guides Claude through the complete TDD cycle.
Web Accessibility Audit
Testing
Performs a comprehensive web accessibility audit following WCAG standards.
UAT Test Case Generator
Testing
Generates structured and comprehensive user acceptance test cases.