ワンクリックで
write-implementation-plan
Write an implementation plan from architecture documents
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Write an implementation plan from architecture documents
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Create HTML mocks for a new feature idea
Extract requirements document from HTML mock iteration
Execute an implementation plan by working through each task file in order. Use when an implementation plan folder exists at docs/<feature>/implementation_plan/.
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.