Synthèse automatique
Génère une décomposition détaillée des tâches TDD à partir d'une conception approuvée, structurant les éléments de travail implémentables avec une approche test-first et une pyramide de tests.
Points forts
- Respecte le cycle Rouge-Vert-Refactor pour chaque tâche
- Applique la pyramide de tests (70% unitaires, 20% intégration, 10% E2E) pour équilibrer couverture et vitesse
- Produit une structure hiérarchique claire avec dépendances et critères d'acceptation
- Intègre des directives de dimensionnement des tâches pour une estimation précise
Limites
- Nécessite une conception préalablement générée et approuvée (/sdd-design)
- Assume que l'utilisateur maîtrise le workflow SDD et les outils MCP associés
- Ne couvre pas la gestion des cas d'erreur non définis dans la conception
Utilisez cette compétence après avoir approuvé la conception d'une fonctionnalité pour la transformer en un plan de tâches TDD exécutable.
Ne l'utilisez pas si la conception n'est pas finalisée ou si la fonctionnalité est triviale et ne nécessite pas de décomposition formelle.
Analyse de sécurité
SûrThe skill defines a documentation workflow using internal MCP tools to read and write spec files. It does not instruct any destructive actions, external network calls, or execution of untrusted code. All operations are confined to the project's .spec directory and the tools are assumed safe.
Aucun point d'attention détecté
Comment cette analyse est faiteExemples
/sdd-tasks login/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 |
Du fichier au premier essai
Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.
Consulter la source et ses fichiers annexesCe téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.
1. Télécharger le fichier
Télécharger SKILL.mdDepuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.
Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.
mkdir -p '.skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/sdd-tdd-task-breakdown-generation-mm5t89mn/download' --output '.skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn/SKILL.md.part' && mv '.skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn/SKILL.md.part' '.skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn/SKILL.md'2. Vérifier les prérequis
Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.
Extrait original : 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
Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.
3. Charger la skill
Après vérification, copiez le dossier complet dans le projet avec l’une des commandes ci-dessous, puis ouvrez une nouvelle session de l’outil. La commande s’arrête si un dossier du même nom existe déjà : comparez les fichiers avant de le remplacer.
Claude Code
test -f '.skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn/SKILL.md' && test -s '.skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/sdd-tasks' && cp -R '.skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn' '.claude/skills/sdd-tasks'OpenSkills
OpenSkills doit déjà être installé. La procédure locale install/read est contrôlée avec OpenSkills 1.5.0, qui exige Node.js ≥ 20.6.0. Aucun slug du catalogue n’est résolu automatiquement.
Installation officielle d’OpenSkillsopenskills install './.skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn'openskills read 'sdd-tdd-task-breakdown-generation-mm5t89mn'La lecture doit afficher le contenu du fichier installé et son dossier de base. Elle ne lance ni la skill ni ses dépendances.
Pour un agent qui lit AGENTS.md, synchronisez ensuite l’index. Cette commande modifie AGENTS.md : relisez le diff avant de l’utiliser.
openskills syncMode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.
4. Faire un premier essai
Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :
Lis .skill-downloads/sdd-tdd-task-breakdown-generation-mm5t89mn/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.
Bonnes pratiques React Hook Form
Developpement
Maîtrisez React Hook Form : évitez les anti-patterns, gérez les abonnements, et traitez correctement reset, dirty state et entrées contrôlées.
Migration Emotion vers Mantine
Developpement
Migrer les styled-components Emotion vers des composants Mantine avec style props et modules CSS. Pour convertir .styled.tsx ou supprimer les imports @emotion.
Détecteur de dérive de périmètre
Developpement
Analyse les diffs git par rapport à une intention pour détecter la dérive de périmètre, fichiers non liés et PR trop larges, puis suggère de garder, diviser ou justifier.