Guides PRD, ADR, Design Doc, UI Spec, and Work Plan creation. Use when creating or reviewing technical documents, or when "UI spec/screen design/component decomposition" is mentioned.
Library/framework/external API introduction or replacement
5. Complex Implementation Logic (Regardless of Scale)
Managing 3+ states
Coordinating 5+ asynchronous processes
Detailed Document Definitions
PRD (Product Requirements Document)
Purpose: Define business requirements and user value
Includes:
Business requirements and user value
Success metrics and KPIs (each metric specifies a numeric target, measurement method, and timeframe)
User stories and use cases
MoSCoW prioritization (Must/Should/Could/Won't)
Acceptance criteria with sequential IDs (AC-001, AC-002, ...) for downstream traceability
MVP and Future phase separation
User journey diagram (required)
Scope boundary diagram (required)
Scope: Business requirements, user value, success metrics, user stories, and prioritization only. Implementation details belong in Design Doc, technical selection rationale in ADR, phases and task breakdown in Work Plan.
ADR (Architecture Decision Record)
Purpose: Record technical decision rationale and background
Includes:
Decision (what was selected)
Rationale (why that selection was made)
Option comparison (minimum 3 options) and trade-offs
Scope: Decision, rationale, option comparison, architecture impact, and principled guidelines only. Implementation procedures and code examples belong in Design Doc, schedule and resource assignments in Work Plan.
UI Specification
Purpose: Define UI structure, screen transitions, component decomposition, and interaction design for frontend features
Includes:
Screen list and transition conditions
Component decomposition with state x display matrix (default/loading/empty/error/partial)
Interaction definitions linked to PRD acceptance criteria (EARS format)
Prototype management (code-based prototypes as attachments, not source of truth)
Scope: Screen structure, transitions, component decomposition, interaction design, and visual acceptance criteria only. Technical implementation and API contracts belong in Design Doc, test implementation in acceptance-test-generator skeletons, schedule in Work Plan.
Required Structural Elements:
At least one component with state x display matrix and interaction table
AC traceability table mapping PRD ACs to screens/states
Correctness proof method (what "correct" means for this change, how it's verified, when)
Early verification point (first target to prove the approach works, success criteria, failure response)
Scope: Technical implementation methods, interfaces, data flow, acceptance criteria, and verification strategy only. Technology selection rationale belongs in ADR, schedule and assignments in Work Plan.
Work Plan
Purpose: Implementation task management and progress tracking
Includes:
Task breakdown and dependencies (maximum 2 levels)
Schedule and duration estimates
Include test skeleton file paths (integration and E2E)
Verification Strategy summary (extracted from Design Doc)
Final Quality Assurance Phase (required)
Progress records (checkbox format)
Scope: Task breakdown, dependencies, schedule, verification strategy summary, and progress tracking only. Technical rationale belongs in ADR, design details in Design Doc.
Phase Division Criteria (adapt to implementation approach from Design Doc):
When Vertical Slice selected:
Each phase = one value unit (feature, component, or migration target)
Each phase includes its own implementation + verification per Verification Strategy
When Horizontal Slice selected:
Phase 1: Foundation Implementation - Type definitions, interfaces, test preparation
Phase 2: Core Feature Implementation - Business logic, unit tests
Combine vertical and horizontal as defined in Design Doc implementation approach
All approaches: Final phase is always Quality Assurance (acceptance criteria achievement, all tests passing, quality checks). Each phase's verification method follows Verification Strategy from Design Doc.
Three Elements of Task Completion Definition:
Implementation Complete: Code is functional
Quality Complete: Tests, type checks, linting pass
Integration Complete: Verified connection with other components
Creation Process
Problem Analysis: Change scale assessment, ADR condition check
Identify explicit and implicit project standards before investigation