mit einem Klick
write-implementation-plan
// Write an implementation plan from architecture documents
// Write an implementation plan from architecture documents
Create HTML mocks for a new feature idea
Execute an implementation plan by working through each task file in order. Use when an implementation plan folder exists at docs/<feature>/implementation_plan/.
Extract requirements document from HTML mock iteration
Write an architecture document from goals and requirements
| name | write-implementation-plan |
| description | Write an implementation plan from architecture documents |
| argument-hint | <feature-name> |
You are creating a detailed implementation plan that a developer with zero context about this project can follow to build the feature. Each task is written as a self-contained file so the implementing agent never needs to hold the full plan in context.
Feature name: $ARGUMENTS
Locate the feature folder: Look for docs/$ARGUMENTS/
Gather all design documents:
goals.md for the high-level intentrequirements.md for the REQ-* identifiers you must tracearchitecture.md for component design, data model, and file change planmocks.html or mocks.context.md exist, skim them for UI specificsDeeply analyze the codebase: Before writing the plan, understand the existing code you'll be changing. At minimum:
Context management — critical to avoid "prompt too long" failures:
Write exploration notes: After exploring the codebase, write a structured summary of your findings to implementation_plan/_exploration_notes.md. This summary should capture:
This distills your understanding into a compact reference so earlier file contents can be compressed out of context before the writing phase.
Ask clarifying questions: If anything in the design documents is ambiguous or if you see conflicts between the architecture and the actual codebase, ask before writing the plan.
Write the plan as a folder of self-contained task files (see Output Structure below).
00_overview.md file first, then write each task file one at a time._exploration_notes.md to refresh your memory rather than re-reading source files.Create a folder at docs/$ARGUMENTS/implementation_plan/ containing:
implementation_plan/
00_overview.md # Index file listing all tasks in order
01_01_<task_name>.md # First task of phase 1
01_02_<task_name>.md # Second task of phase 1
02_01_<task_name>.md # First task of phase 2
...
00_overview.md format# <Feature Name> - Implementation Plan
## Summary
<2-3 sentence summary of what's being built and why>
## Phases
- **Phase 1: <Name>** — <what this phase achieves>
- **Phase 2: <Name>** — <what this phase achieves>
- ...
## Phase Rationale
<explain why phases are ordered this way — what depends on what, what unblocks testing early, etc.>
## Task Index
| File | Task | Phase | Requirements |
|------|------|-------|-------------|
| `01_01_<name>.md` | <short description> | 1 | REQ-XXX-1, REQ-XXX-2 |
| `01_02_<name>.md` | <short description> | 1 | REQ-XXX-3 |
| `02_01_<name>.md` | <short description> | 2 | REQ-YYY-1 |
| ... | | | |
Each task file must be completely self-contained. A developer should be able to read just this one file and execute the task successfully without referring to any other plan files.
# Task X.Y: <Task Name>
## Goal
<what this task accomplishes>
## Requirements addressed
REQ-XXX-1, REQ-XXX-2
## Background
<Everything the developer needs to know before starting. This section should be thorough enough that someone with zero project context can understand what to do. Include:>
- What this feature/project is about (1-2 sentences)
- What was built in prior tasks that this task depends on (be specific — e.g.: "Task 1.2 added the `FooService` class at `path/to/foo_service.py` and registered it in the dependency container at `path/to/container.py:45`")
- Relevant existing code patterns, naming the specific files, functions, types, and variables involved
- Key architectural decisions from the design docs that affect this task
## Files to modify/create
- `path/to/file.ts` — <what changes and why>
- `path/to/new_file.py` — <new, purpose>
## Implementation details
1. <step-by-step guidance>
2. <reference specific functions, types, patterns from the existing codebase by name>
3. <describe integration points explicitly>
## Testing suggestions
- <how to verify this task works>
- <identify specific tests that exercise the changed code paths — list them by file and test name>
## Gotchas
- <common mistakes to avoid>
- <things that look right but aren't>
## Verification checklist
- [ ] <specific thing to verify for this task>
- [ ] <another specific thing>
- [ ] Tests: <list specific test files/names that exercise the changed code>
SettingsPage.tsx where handleSettingChange calls updateField(field, value) on line 213". Name the file, the function, the variable.