planning-and-task-breakdown

Divide o trabalho em tarefas ordenadas. Use quando tiver uma especificação ou requisitos claros e precisar dividir o trabalho em tarefas implementáveis. Use quando uma tarefa parecer grande demais para começar, quando precisar estimar o escopo ou quando o trabalho paralelo for possível.

npx skills add https://github.com/addyosmani/agent-skills --skill planning-and-task-breakdown

Planning and Task Breakdown

Overview

Decompose work into small, verifiable tasks with explicit acceptance criteria. Good task breakdown is the difference between an agent that completes work reliably and one that produces a tangled mess. Every task should be small enough to implement, test, and verify in a single focused session.

When to Use

  • You have a spec and need to break it into implementable units
  • A task feels too large or vague to start
  • Work needs to be parallelized across multiple agents or sessions
  • You need to communicate scope to a human
  • The implementation order isn't obvious

When NOT to use: Single-file changes with obvious scope, or when the spec already contains well-defined tasks.

The Planning Process

Step 1: Enter Plan Mode

Before writing any code, operate in read-only mode:

  • Read the spec and relevant codebase sections
  • Identify existing patterns and conventions
  • Map dependencies between components
  • Note risks and unknowns

Do NOT write code during planning. The output is a plan document saved to tasks/plan.md and a task list saved to tasks/todo.md, not implementation.

Step 2: Identify the Dependency Graph

Map what depends on what:

Database schema
    │
    ├── API models/types
    │       │
    │       ├── API endpoints
    │       │       │
    │       │       └── Frontend API client
    │       │               │
    │       │               └── UI components
    │       │
    │       └── Validation logic
    │
    └── Seed data / migrations

Implementation order follows the dependency graph bottom-up: build foundations first.

Step 3: Slice Vertically

Instead of building all the database, then all the API, then all the UI — build one complete feature path at a time:

Bad (horizontal slicing):

Task 1: Build entire database schema
Task 2: Build all API endpoints
Task 3: Build all UI components
Task 4: Connect everything

Good (vertical slicing):

Task 1: User can create an account (schema + API + UI for registration)
Task 2: User can log in (auth schema + API + UI for login)
Task 3: User can create a task (task schema + API + UI for creation)
Task 4: User can view task list (query + API + UI for list view)

Each vertical slice delivers working, testable functionality.

Step 4: Write Tasks

Each task follows this structure:

## Task [N]: [Short descriptive title]

**Description:** One paragraph explaining what this task accomplishes.

**Acceptance criteria:**
- [ ] [Specific, testable condition]
- [ ] [Specific, testable condition]

**Verification:**
- [ ] Tests pass: [the repository's focused-test command]
- [ ] Build succeeds: [the repository's build command]
- [ ] Manual check: [description of what to verify]

**Dependencies:** [Task numbers this depends on, or "None"]

**Files likely touched:**
- `src/path/to/file.ts`
- `tests/path/to/test.ts`

**Estimated scope:** [Small: 1-2 files | Medium: 3-5 files | Large: 5+ files]

Step 5: Order and Checkpoint

Arrange tasks so that:

  1. Dependencies are satisfied (build foundation first)
  2. Each task leaves the system in a working state
  3. Verification checkpoints occur after every 2-3 tasks
  4. High-risk tasks are early (fail fast)

Add explicit checkpoints:

## Checkpoint: After Tasks 1-3
- [ ] All tests pass
- [ ] Application builds without errors
- [ ] Core user flow works end-to-end
- [ ] Review with human before proceeding

Task Sizing Guidelines

SizeFilesScopeExample
XS1Single function or config changeAdd a validation rule
S1-2One component or endpointAdd a new API endpoint
M3-5One feature sliceUser registration flow
L5-8Multi-component featureSearch with filtering and pagination
XL8+Too large — break it down further

If a task is L or larger, it should be broken into smaller tasks. An agent performs best on S and M tasks.

When to break a task down further:

  • It would take more than one focused session (roughly 2+ hours of agent work)
  • You cannot describe the acceptance criteria in 3 or fewer bullet points
  • It touches two or more independent subsystems (e.g., auth and billing)
  • You find yourself writing "and" in the task title (a sign it is two tasks)

Output Files

  • Plan document: Save the implementation plan to tasks/plan.md.
  • Task list: Save the checklist-style task list to tasks/todo.md.

Create the tasks/ directory if it does not exist. These paths are the convention expected by the /build command and other downstream tooling.

Plan Document Template

# Implementation Plan: [Feature/Project Name]

## Overview
[One paragraph summary of what we're building]

## Architecture Decisions
- [Key decision 1 and rationale]
- [Key decision 2 and rationale]

## Task List

### Phase 1: Foundation
- [ ] Task 1: ...
- [ ] Task 2: ...

### Checkpoint: Foundation
- [ ] Tests pass, builds clean

### Phase 2: Core Features
- [ ] Task 3: ...
- [ ] Task 4: ...

### Checkpoint: Core Features
- [ ] End-to-end flow works

### Phase 3: Polish
- [ ] Task 5: ...
- [ ] Task 6: ...

### Checkpoint: Complete
- [ ] All acceptance criteria met
- [ ] Ready for review

## Risks and Mitigations
| Risk | Impact | Mitigation |
|------|--------|------------|
| [Risk] | [High/Med/Low] | [Strategy] |

## Open Questions
- [Question needing human input]

Parallelization Opportunities

When multiple agents or sessions are available:

  • Safe to parallelize: Independent feature slices, tests for already-implemented features, documentation
  • Must be sequential: Database migrations, shared state changes, dependency chains
  • Needs coordination: Features that share an API contract (define the contract first, then parallelize)

Common Rationalizations

RationalizationReality
"I'll figure it out as I go"That's how you end up with a tangled mess and rework. 10 minutes of planning saves hours.
"The tasks are obvious"Write them down anyway. Explicit tasks surface hidden dependencies and forgotten edge cases.
"Planning is overhead"Planning is the task. Implementation without a plan is just typing.
"I can hold it all in my head"Context windows are finite. Written plans survive session boundaries and compaction.

Red Flags

  • Starting implementation without a written task list
  • Tasks that say "implement the feature" without acceptance criteria
  • No verification steps in the plan
  • All tasks are XL-sized
  • No checkpoints between tasks
  • Dependency order isn't considered

Verification

Before starting implementation, confirm:

  • Every task has acceptance criteria
  • Every task has a verification step
  • Task dependencies are identified and ordered correctly
  • No task touches more than ~5 files
  • Checkpoints exist between major phases
  • The human has reviewed and approved the plan

See Also

Acceptance criteria are per-task and answer "did we build the right thing?". They sit on top of the project-wide Definition of Done, the standing bar every task clears before it counts as done. See references/definition-of-done.md.

Mais skills de addyosmani

accessibility
addyosmani
Auditar e melhorar a acessibilidade web seguindo as diretrizes WCAG 2.2. Use quando solicitado a "melhorar a acessibilidade", "auditoria de a11y", "conformidade com WCAG", "suporte a leitores de tela", "navegação por teclado" ou "tornar acessível".
developmenttestingcode-review
web-quality-audit
addyosmani
Auditoria abrangente de qualidade web cobrindo desempenho, acessibilidade, SEO e melhores práticas. Use quando solicitado a "auditar meu site", "revisar qualidade web", "executar auditoria lighthouse", "verificar qualidade da página" ou "otimizar meu site".
developmenttestingresearch
seo
addyosmani
Otimizar para visibilidade e ranqueamento em mecanismos de busca. Use quando solicitado a "melhorar SEO", "otimizar para busca", "corrigir meta tags", "adicionar dados estruturados", "otimização de sitemap" ou "otimização para mecanismos de busca".
marketingresearchdevelopment
performance
addyosmani
Otimize o desempenho da web para carregamento mais rápido e melhor experiência do usuário. Use quando solicitado a "acelerar meu site", "otimizar o desempenho", "reduzir o tempo de carregamento", "corrigir carregamento lento", "melhorar a velocidade da página" ou "auditoria de desempenho".
developmenttesting
code-review-and-quality
addyosmani
Realiza revisão de código em múltiplos eixos. Use antes de mesclar qualquer alteração. Use ao revisar código escrito por você, outro agente ou um humano. Use quando precisar avaliar a qualidade do código em várias dimensões antes de ele entrar no branch principal.
developmentcode-review
frontend-ui-engineering
addyosmani
Constrói interfaces de usuário responsivas, acessíveis e com qualidade de produção. Use ao construir ou modificar interfaces e páginas, criar componentes, implementar layouts, atender aos requisitos de acessibilidade WCAG, gerenciar estado, ou quando a saída precisar ter aparência e sensação de qualidade de produção em vez de gerada por IA.
developmentdesign
security-and-hardening
addyosmani
Endurece o código contra vulnerabilidades. Use ao lidar com entrada do usuário, autenticação, armazenamento de dados ou integrações externas. Use ao criar qualquer funcionalidade que aceite dados não confiáveis, gerencie sessões de usuário ou interaja com serviços de terceiros.
spec-driven-development
addyosmani
Cria especificações antes de codificar. Use ao iniciar um novo projeto, funcionalidade ou mudança significativa e quando ainda não existir uma especificação. Use quando os requisitos forem pouco claros, ambíguos ou existirem apenas como uma ideia vaga.
developmentdocumentproject-management