EasyPlatform planning

[Planning] Use when you need to research, analyze, investigate, plan, design, or architect technical solutions. Includes comprehensive research phase with Gemini CLI, WebSearch, and 5-research limit. Triggers on keywords like "research", "analyze", "investigate options", "explore solutions", "compare approaches", "evaluate alternatives", "plan", "design", "architect".

install
source · Clone the upstream repo
git clone https://github.com/duc01226/EasyPlatform
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/duc01226/EasyPlatform "$T" && mkdir -p ~/.claude/skills && cp -r "$T/.claude/skills/planning" ~/.claude/skills/duc01226-easyplatform-planning && rm -rf "$T"
manifest: .claude/skills/planning/SKILL.md
source content

[IMPORTANT] Use

TaskCreate
to break ALL work into small tasks BEFORE starting — including tasks for each file read. This prevents context loss from long files. For simple tasks, AI MUST ATTENTION ask user whether to skip.

<!-- SYNC:critical-thinking-mindset -->

Critical Thinking Mindset — Apply critical thinking, sequential thinking. Every claim needs traced proof, confidence >80% to act. Anti-hallucination: Never present guess as fact — cite sources for every claim, admit uncertainty freely, self-check output for errors, cross-reference independently, stay skeptical of own confidence — certainty without evidence root of all hallucination.

<!-- /SYNC:critical-thinking-mindset --> <!-- SYNC:ai-mistake-prevention -->

AI Mistake Prevention — Failure modes to avoid on every task:

  • Check downstream references before deleting. Deleting components causes documentation and code staleness cascades. Map all referencing files before removal.
  • Verify AI-generated content against actual code. AI hallucinates APIs, class names, and method signatures. Always grep to confirm existence before documenting or referencing.
  • Trace full dependency chain after edits. Changing a definition misses downstream variables and consumers derived from it. Always trace the full chain.
  • Trace ALL code paths when verifying correctness. Confirming code exists is not confirming it executes. Always trace early exits, error branches, and conditional skips — not just happy path.
  • When debugging, ask "whose responsibility?" before fixing. Trace whether bug is in caller (wrong data) or callee (wrong handling). Fix at responsible layer — never patch symptom site.
  • Assume existing values are intentional — ask WHY before changing. Before changing any constant, limit, flag, or pattern: read comments, check git blame, examine surrounding code.
  • Verify ALL affected outputs, not just the first. Changes touching multiple stacks require verifying EVERY output. One green check is not all green checks.
  • Holistic-first debugging — resist nearest-attention trap. When investigating any failure, list EVERY precondition first (config, env vars, DB names, endpoints, DI registrations, data preconditions), then verify each against evidence before forming any code-layer hypothesis.
  • Surgical changes — apply the diff test. Bug fix: every changed line must trace directly to the bug. Don't restyle or improve adjacent code. Enhancement task: implement improvements AND announce them explicitly.
  • Surface ambiguity before coding — don't pick silently. If request has multiple interpretations, present each with effort estimate and ask. Never assume all-records, file-based, or more complex path.
<!-- /SYNC:ai-mistake-prevention --> <!-- SYNC:evidence-based-reasoning -->

Evidence-Based Reasoning — Speculation is FORBIDDEN. Every claim needs proof.

  1. Cite
    file:line
    , grep results, or framework docs for EVERY claim
  2. Declare confidence: >80% act freely, 60-80% verify first, <60% DO NOT recommend
  3. Cross-service validation required for architectural changes
  4. "I don't have enough evidence" is valid and expected output

BLOCKED until:

- [ ]
Evidence file path (
file:line
)
- [ ]
Grep search performed
- [ ]
3+ similar patterns found
- [ ]
Confidence level stated

Forbidden without proof: "obviously", "I think", "should be", "probably", "this is because" If incomplete → output:

"Insufficient evidence. Verified: [...]. Not verified: [...]."

<!-- /SYNC:evidence-based-reasoning --> <!-- SYNC:estimation-framework -->

Estimation — Modified Fibonacci: 1(trivial) → 2(small) → 3(medium) → 5(large) → 8(very large) → 13(epic, SHOULD split) → 21(MUST ATTENTION split). Output

story_points
and
complexity
in plan frontmatter. Complexity auto-derived: 1-2=Low, 3-5=Medium, 8=High, 13+=Critical.

<!-- /SYNC:estimation-framework -->
  • docs/test-specs/
    — Test specifications by module (read existing TCs to include test strategy in plan)
<!-- SYNC:plan-quality -->

Plan Quality — Every plan phase MUST ATTENTION include test specifications.

  1. Add
    ## Test Specifications
    section with TC-{FEAT}-{NNN} IDs to every phase file
  2. Map every functional requirement to ≥1 TC (or explicit
    TBD
    with rationale)
  3. TC IDs follow
    TC-{FEATURE}-{NNN}
    format — reference by ID, never embed full content
  4. Before any new workflow step: call
    TaskList
    and re-read the phase file
  5. On context compaction: call
    TaskList
    FIRST — never create duplicate tasks
  6. Verify TC satisfaction per phase before marking complete (evidence must be
    file:line
    , not TBD)

Mode: TDD-first → reference existing TCs with

Evidence: TBD
. Implement-first → use TBD →
/tdd-spec
fills after.

<!-- /SYNC:plan-quality --> <!-- SYNC:iterative-phase-quality -->

Iterative Phase Quality — Score complexity BEFORE planning.

Complexity signals: >5 files +2, cross-service +3, new pattern +2, DB migration +2 Score >=6 → MUST ATTENTION decompose into phases. Each phase:

  • ≤5 files modified
  • ≤3h effort
  • Follows cycle: plan → implement → review → fix → verify
  • Do NOT start Phase N+1 until Phase N passes VERIFY

Phase success = all TCs pass + code-reviewer agent approves + no CRITICAL findings.

<!-- /SYNC:iterative-phase-quality -->

Quick Summary

Goal: Create detailed technical implementation plans through research, codebase analysis, solution design, and comprehensive documentation (includes research phase merged from

research
skill).

Workflow:

  1. Research — Parallel researcher agents, sequential-thinking, docs-seeker, GitHub analysis (max 5 researches)
  2. Design Context — Extract Figma specs if URLs present in source artifacts
  3. Codebase Understanding — Parallel scout agents, read essential docs (development-rules.md, backend-patterns-reference.md, frontend-patterns-reference.md, project-structure-reference.md)
  4. Solution Design — Trade-off analysis, security, performance, edge cases, architecture
  5. Plan Creation — YAML frontmatter plan.md + detailed phase-XX-*.md files
  6. Review — Run
    /plan-review
    to validate, ask user to confirm

Key Rules:

  • DO NOT implement code - only create plans
  • DO NOT use EnterPlanMode tool - already in planning workflow
  • ALWAYS run
    /plan-review
    after plan creation
  • COLLABORATE: Ask decision questions, present options with recommendations

Be skeptical. Apply critical thinking, sequential thinking. Every claim needs traced proof, confidence percentages (Idea should be more than 80%).

Planning

Create detailed technical implementation plans through research, codebase analysis, solution design, and comprehensive documentation.

Note: This skill includes the research phase (merged from

research
skill). Use for comprehensive planning that requires investigation before implementation.

PLANNING-ONLY — Collaboration Required

DO NOT use the

EnterPlanMode
tool — you are ALREADY in a planning workflow. DO NOT implement or execute any code changes. COLLABORATE with the user: ask decision questions, present options with recommendations. After plan creation, ALWAYS run
/plan-review
to validate the plan. ASK user to confirm the plan before any next step.

When to Use

Use this skill when:

  • Researching or investigating solutions
  • Analyzing approaches and alternatives
  • Planning new feature implementations
  • Architecting system designs
  • Evaluating technical approaches
  • Creating implementation roadmaps
  • Breaking down complex requirements
  • Assessing technical trade-offs

Disambiguation

  • For quick bug triage and systematic debugging, use
    debug-investigate
    instead
  • This skill focuses on upfront planning and research before implementation

Core Responsibilities & Rules

Always honoring YAGNI, KISS, and DRY principles. Be honest, be brutal, straight to the point, and be concise.

1. Research & Analysis (Skip if: Provided with researcher reports)

Content sourced from

references/research-phase.md

Core Activities

Parallel Researcher Agents
  • Spawn multiple
    researcher
    agents in parallel to investigate different approaches
  • Wait for all researcher agents to report back before proceeding
  • Each researcher investigates a specific aspect or approach
Sequential Thinking
  • Use
    sequential-thinking
    skill for dynamic and reflective problem-solving
  • Structured thinking process for complex analysis
  • Enables multi-step reasoning with revision capability
Documentation Research
  • Use
    docs-seeker
    skill to read and understand documentation
  • Research plugins, packages, and frameworks
  • Find latest technical documentation using llms.txt standard
GitHub Analysis
  • Use
    gh
    command to read and analyze:
    • GitHub Actions logs
    • Pull requests
    • Issues and discussions
  • Extract relevant technical context from GitHub resources
Remote Repository Analysis

When given GitHub repository URL, generate fresh codebase summary:

# usage:
repomix --remote <github-repo-url>
# example:
repomix --remote https://github.com/mrgoonie/human-mcp
Debugger Delegation
  • Delegate to
    debugger
    agent for root cause analysis
  • Use when investigating complex issues or bugs
  • Debugger agent specializes in diagnostic tasks

Search Strategy

Primary: Gemini CLI

Check if

gemini
bash command is available:

gemini -m gemini-2.5-flash -p "...your search prompt..."
# Timeout: 10 minutes

Save output using

Report:
path from
## Naming
section (include all citations).

Fallback: WebSearch Tool

If gemini unavailable, use

WebSearch
tool. Run multiple searches in parallel.

Query Crafting
  • Craft precise search queries with relevant keywords
  • Include terms like "best practices", "2024", "latest", "security", "performance"
  • Search for official documentation, GitHub repositories, and authoritative blogs
  • Prioritize results from recognized authorities (official docs, major tech companies, respected developers)
IMPORTANT: 5-Research Limit

You are allowed to perform at most 5 researches (max 5 tool calls). User might request less. Think carefully based on the task before performing each research.

Deep Content Analysis

  • When you find a potential GitHub repository URL, use
    docs-seeker
    skill to read it
  • Focus on official documentation, API references, and technical specifications
  • Analyze README files from popular GitHub repositories
  • Review changelog and release notes for version-specific information
Video Content Research
  • Prioritize content from official channels, recognized experts, and major conferences
  • Focus on practical demonstrations and real-world implementations
Cross-Reference Validation
  • Verify information across multiple independent sources
  • Check publication dates to ensure currency
  • Identify consensus vs. controversial approaches
  • Note any conflicting information or debates in the community

Research Report Template

# Research Report: [Topic]

## Executive Summary

[2-3 paragraph overview of key findings and recommendations]

## Research Methodology

- Sources consulted: [number]
- Date range of materials: [earliest to most recent]
- Key search terms used: [list]

## Key Findings

### 1. Technology Overview

[Comprehensive description of the technology/topic]

### 2. Current State & Trends

[Latest developments, version information, adoption trends]

### 3. Best Practices

[Detailed list of recommended practices with explanations]

### 4. Security Considerations

[Security implications, vulnerabilities, and mitigation strategies]

### 5. Performance Insights

[Performance characteristics, optimization techniques, benchmarks]

## Comparative Analysis

[If applicable, comparison of different solutions/approaches]

## Implementation Recommendations

### Quick Start Guide

[Step-by-step getting started instructions]

### Code Examples

[Relevant code snippets with explanations]

### Common Pitfalls

[Mistakes to avoid and their solutions]

## Resources & References

### Official Documentation

- [Linked list of official docs]

### Recommended Tutorials

- [Curated list with descriptions]

### Community Resources

- [Forums, Discord servers, Stack Overflow tags]

## Appendices

### A. Glossary

### B. Version Compatibility Matrix

### C. Raw Research Notes (optional)

Research Quality Standards

Ensure all research meets these criteria:

  • Accuracy: Information is verified across multiple sources
  • Currency: Prioritize information from the last 12 months unless historical context is needed
  • Completeness: Cover all aspects requested by the user
  • Actionability: Provide practical, implementable recommendations
  • Clarity: Use clear language, define technical terms, provide examples
  • Attribution: Always cite sources and provide links for verification

Special Considerations

  • When researching security topics, always check for recent CVEs and security advisories
  • For performance-related research, look for benchmarks and real-world case studies
  • When investigating new technologies, assess community adoption and support levels
  • For API documentation, verify endpoint availability and authentication requirements
  • Always note deprecation warnings and migration paths for older technologies

Research Best Practices

  • Research breadth before depth
  • Document findings for synthesis phase
  • Identify multiple approaches for comparison
  • Consider edge cases during research
  • Note security implications early
  • Sacrifice grammar for concision in reports
  • List unresolved questions at the end

2. Design Context Extraction

Content sourced from

references/figma-integration.md

Skip if: No Figma URLs in source artifacts OR backend-only changes

When planning UI features:

  1. Check source PBI/design-spec for Figma URLs
  2. Extract design context via Figma MCP (if available)
  3. Include design specifications in plan phases
  4. Map design tokens to implementation

When to Apply

Apply when:

  • Source artifact contains Figma URLs
  • Task involves UI/frontend implementation
  • Design specifications are referenced

Skip when:

  • Backend-only changes
  • No Figma URLs in artifacts
  • Figma MCP not available (graceful degradation)

Detection Phase

1. Scan Source Artifacts

Check these locations for Figma URLs:

  • PBI
    ## Design Reference
    section
  • Design spec
    figma_file:
    and
    figma_nodes:
    frontmatter
  • Feature doc (if design reference exists in any section)
2. Parse URLs

Extract from each URL:

  • file_key
    : Figma file identifier
  • node_id
    : Specific frame/component (URL format:
    1-3
    )
  • Convert to API format:
    1-3
    1:3

URL Pattern:

https://figma.com/design/{file_key}/{name}?node-id={node_id}

Extraction Phase

1. Check MCP Availability
If Figma MCP available:
  → Proceed with extraction
Else:
  → Log: "Figma MCP not configured, skipping design extraction"
  → Continue with URL references only
2. Call MCP for Each Node

Prefer specific nodes over full files:

For each {file_key, node_id} pair:
  If node_id exists:
    Call: mcp__figma__get_file_nodes(file_key, [node_id])
  Else:
    Skip file-level extraction (too expensive)
3. Extract Key Information

From response, extract:

PropertySource Field
Structure
children[].name
,
children[].type
Layout
layoutMode
,
itemSpacing
,
padding*
Dimensions
absoluteBoundingBox.width/height
Colors
fills[].color
(r,g,b,a → rgba)
Typography
style.fontFamily/fontSize/fontWeight
4. Token Budget Enforcement
Response SizeAction
<2K tokensUse full response
2K-5K tokensSummarize to key properties
>5K tokensExtract only critical info, warn user

Integration Phase

1. Add to Plan Context

Include in plan.md overview:

## Design Context

Design specifications extracted from Figma:

| Component | Figma Node         | Key Specs              |
| --------- | ------------------ | ---------------------- |
| {name}    | [{node_id}]({url}) | {dimensions}, {layout} |

### Extracted Specifications

{Formatted design context from extraction}
2. Reference in Implementation Phases

For frontend phases, include:

## Design Specifications

From Figma node `{node_id}`:

### Layout

- Direction: {Horizontal/Vertical}
- Gap: {spacing}px
- Padding: {T/R/B/L}px

### Visual

- Background: {color} → map to `--color-bg-*`
- Border: {width}px {color} → map to `--border-*`

### Typography (if text)

- Font: {family} → map to `--font-family-*`
- Size: {size}px → map to `--font-size-*`
- Weight: {weight} → map to `--font-weight-*`
3. Design Token Mapping

Map extracted values to existing tokens:

Figma ValueDesign TokenNotes
#FFFFFF
--color-bg-primary
Exact match
16px
--spacing-md
Standard spacing
Inter 400 14px
--font-body
Body text

Reference:

docs/project-reference/design-system/design-tokens.scss
for available tokens.

Fallback Behavior

When extraction fails:

  1. MCP Not Available:

    • Log warning
    • Note in plan: "Design context not extracted (MCP unavailable)"
    • Continue with URL references only
  2. Node Not Found:

    • Try parent node
    • Note which nodes failed
    • Continue with available data
  3. Rate Limited:

    • Extract first 3 nodes only
    • Note in plan which nodes were skipped
  4. Token Budget Exceeded:

    • Summarize aggressively
    • Include only dimensions, colors, layout
    • Link to full Figma for details

Figma Output Template

## Figma Design Context

> Extracted via Figma MCP on {date}

### Source Designs

| Design | Node          | Status    |
| ------ | ------------- | --------- |
| {name} | [{id}]({url}) | Extracted |

### {Component Name}

**Node:** `{node_id}`
**Type:** {Frame/Component/Group}
**Dimensions:** {width} x {height}px

#### Layout

- Direction: {layoutMode}
- Gap: {itemSpacing}px
- Padding: {paddingTop}/{paddingRight}/{paddingBottom}/{paddingLeft}px

#### Visual

| Property      | Value            | Token Mapping       |
| ------------- | ---------------- | ------------------- |
| Background    | {fill color}     | `--color-*`         |
| Border        | {stroke}         | `--border-*`        |
| Corner Radius | {cornerRadius}px | `--border-radius-*` |

#### Children

- {child1}: {type}
- {child2}: {type}

No Design Context Template

When no Figma URLs present:

## Design Context

No Figma designs referenced. If UI changes are needed:

1. Add Figma links to source PBI `## Design Reference` section
2. Re-run planning to extract design context

3. Codebase Understanding (Skip if: Provided with scout reports)

Content sourced from

references/codebase-understanding.md

Core Activities

Parallel Scout Agents
  • Use
    /scout-ext
    (preferred) or
    /scout
    (fallback) slash command to search the codebase for files needed to complete the task
  • Each scout locates files needed for specific task aspects
  • Wait for all scout agents to report back before analysis
  • Efficient for finding relevant code across large codebases
Essential Documentation Review

ALWAYS read these files first:

  1. ./.claude/docs/development-rules.md
    (IMPORTANT)

    • File Name Conventions
    • File Size Management
    • Development rules and best practices
    • Code quality standards
    • Security guidelines
  2. ./docs/project-reference/backend-patterns-reference.md
    +
    ./docs/project-reference/frontend-patterns-reference.md

    • Backend: CQRS, repositories, entities, validation, message bus
    • Frontend: component base classes, state management, API services
    • Naming conventions and coding standards
  3. ./docs/project-reference/project-structure-reference.md

    • Service architecture, ports, directory tree
    • Tech stack and module codes
  4. ./docs/design-guidelines.md
    (if exists)

    • Design system guidelines
    • Branding and UI/UX conventions
    • Component library usage
Environment Analysis
  • Review development environment setup
  • Analyze dotenv files and configuration
  • Identify required dependencies
  • Understand build and deployment processes
Pattern Recognition
  • Study existing patterns in codebase
  • Identify conventions and architectural decisions
  • Note consistency in implementation approaches
  • Understand error handling patterns
Integration Planning
  • Identify how new features integrate with existing architecture
  • Map dependencies between components
  • Understand data flow and state management
  • Consider backward compatibility

Codebase Understanding Best Practices

  • Start with documentation before diving into code
  • Use scouts for targeted file discovery
  • Document patterns found for consistency
  • Note any inconsistencies or technical debt
  • Consider impact on existing features

4. Solution Design

Content sourced from

references/solution-design.md

Core Principles

  • YAGNI (You Aren't Gonna Need It) - Don't add functionality until necessary
  • KISS (Keep It Simple, Stupid) - Prefer simple solutions over complex ones
  • DRY (Don't Repeat Yourself) - Avoid code duplication

Design Activities

Technical Trade-off Analysis
  • Evaluate multiple approaches for each requirement
  • Compare pros and cons of different solutions
  • Consider short-term vs long-term implications
  • Balance complexity with maintainability
  • Assess development effort vs benefit
  • Recommend optimal solution based on current best practices
Security Assessment
  • Identify potential vulnerabilities during design phase
  • Consider authentication and authorization requirements
  • Assess data protection needs
  • Evaluate input validation requirements
  • Plan for secure configuration management
  • Address OWASP Top 10 concerns
  • Consider API security (rate limiting, CORS, etc.)
Performance and Scalability
  • Identify potential bottlenecks early
  • Consider database query optimization needs
  • Plan for caching strategies
  • Assess resource usage (memory, CPU, network)
  • Design for horizontal/vertical scaling
  • Plan for load distribution
  • Consider asynchronous processing where appropriate
Edge Cases and Failure Modes
  • Think through error scenarios
  • Plan for network failures
  • Consider partial failure handling
  • Design retry and fallback mechanisms
  • Plan for data consistency
  • Consider race conditions
  • Design for graceful degradation
Architecture Design
  • Create scalable system architectures
  • Design for maintainability
  • Plan component interactions
  • Design data flow
  • Consider microservices vs monolith trade-offs
  • Plan API contracts
  • Design state management

Frontend Solution Design

When designing frontend solutions with Figma context:

Design Context Integration
  1. Check for Figma Context

    • Review extracted design specifications
    • Verify dimensions and spacing match design system
    • Note any custom values needing tokens
  2. Component Structure

    • Match Figma hierarchy to Angular component tree
    • Identify reusable components
    • Map to existing shared library components
  3. Token Mapping

    • Map Figma colors to design tokens
    • Verify spacing uses standard tokens
    • Flag any values needing new tokens
  4. Responsive Considerations

    • Check if Figma shows breakpoint variants
    • Plan responsive behavior for unlisted breakpoints
    • Note any mobile-specific layouts

Solution Design Best Practices

  • Document design decisions and rationale
  • Consider both technical and business requirements
  • Think through the entire user journey
  • Plan for monitoring and observability
  • Design with testing in mind
  • Consider deployment and rollback strategies

5. Plan Creation and Organization

Content sourced from

references/plan-organization.md

Directory Structure

Plan Location

Use

Plan dir:
from
## Naming
section injected by hooks. This is the full computed path.

Example:

plans/251101-1505-authentication/
or
ai_docs/feature/MRR-1453/

File Organization
{plan-dir}/                                    # From `Plan dir:` in ## Naming
├── research/
│   ├── researcher-XX-report.md
│   └── ...
├── reports/
│   ├── scout-report.md
│   ├── researcher-report.md
│   └── ...
├── plan.md                                    # Overview access point
├── phase-01-setup-environment.md              # Setup environment
├── phase-02-implement-database.md             # Database models
├── phase-03-implement-api-endpoints.md        # API endpoints
├── phase-04-implement-ui-components.md        # UI components
├── phase-05-implement-authentication.md       # Auth & authorization
├── phase-06-implement-profile.md              # Profile page
└── phase-07-write-tests.md                    # Tests
Active Plan State Tracking

Check the

## Plan Context
section injected by hooks:

  • "Plan: {path}" = Active plan - use for reports
  • "Suggested: {path}" = Branch-matched, hint only - do NOT auto-use
  • "Plan: none" = No active plan

Pre-Creation Check:

  1. If "Plan:" shows a path → ask "Continue with existing plan? [Y/n]"
  2. If "Suggested:" shows a path → inform user (hint only, do NOT auto-use)
  3. If "Plan: none" → create new plan using naming from
    ## Naming
    section

After Creating Plan:

# Update session state so subagents get the new plan context:
node .claude/scripts/set-active-plan.cjs {plan-dir}

Report Output Rules:

  1. Use
    Report:
    and
    Plan dir:
    from
    ## Naming
    section
  2. Active plans use plan-specific reports path
  3. Suggested plans use default reports path to prevent old plan pollution

Plan File Structure

Overview Plan (plan.md)

IMPORTANT: All plan.md files MUST ATTENTION include YAML frontmatter. See output standards below for schema.

Example plan.md structure:

---
title: 'Feature Implementation Plan'
description: 'Add user authentication with OAuth2 support'
status: pending
priority: P1
effort: 8h
story_points: 8
issue: 123
branch: kai/feat/oauth-auth
tags: [auth, backend, security]
created: 2025-12-16
---

# Feature Implementation Plan

## Overview

Brief description of what this plan accomplishes.

## Phases

| #   | Phase          | Status  | Effort | SP  | Link                            |
| --- | -------------- | ------- | ------ | --- | ------------------------------- |
| 1   | Setup          | Pending | 2h     | 3   | [phase-01](./phase-01-setup.md) |
| 2   | Implementation | Pending | 4h     | 5   | [phase-02](./phase-02-impl.md)  |
| 3   | Testing        | Pending | 2h     | 3   | [phase-03](./phase-03-test.md)  |

## Dependencies

- List key dependencies here

Guidelines:

  • Keep generic and under 80 lines
  • List each phase with status/progress
  • Link to detailed phase files
  • Key dependencies
Phase Files (phase-XX-name.md)

Fully respect the

./.claude/docs/development-rules.md
file. Each phase file should contain:

Context Links
  • Links to related reports, files, documentation
Phase Overview
  • Priority
  • Current status
  • Brief description
Key Insights
  • Important findings from research
  • Critical considerations
Requirements
  • Functional requirements
  • Non-functional requirements
Architecture
  • System design
  • Component interactions
  • Data flow
Related Code Files
  • List of files to modify
  • List of files to create
  • List of files to delete
Implementation Steps
  • Detailed, numbered steps
  • Specific instructions
Todo List
  • Checkbox list for tracking
Success Criteria
  • Definition of done
  • Validation methods
Risk Assessment
  • Potential issues
  • Mitigation strategies
Security Considerations
  • Auth/authorization
  • Data protection
Test Specifications
TC IDRequirementPriorityEvidence
TC-{FEAT}-{NNN}{requirement from this phase}P0-P3{file:line} or TBD

Coverage: {X}/{Y} requirements mapped to TCs

Next Steps
  • Dependencies
  • Follow-up tasks

6. Task Breakdown and Output Standards

Content sourced from

references/output-standards.md

Plan File Format

YAML Frontmatter (Required for plan.md)

All

plan.md
files MUST ATTENTION include YAML frontmatter at the top:

---
title: '{Brief plan title}'
description: '{One-sentence summary for card preview}'
status: pending # pending | in-progress | completed | cancelled
priority: P2 # P1 (High) | P2 (Medium) | P3 (Low)
effort: 4h # Estimated total effort
issue: 74 # GitHub issue number (if applicable)
branch: kai/feat/feature-name
tags: [frontend, api] # Category tags
created: 2025-12-16
---
Auto-Population Rules

When creating plans, auto-populate these fields:

  • title: Extract from task description
  • description: First sentence of Overview section
  • status: Always
    pending
    for new plans
  • priority: From user request or default
    P2
  • effort: Sum of phase estimates
  • issue: Parse from branch name or context
  • branch: Current git branch (
    git branch --show-current
    )
  • tags: Infer from task keywords (e.g., frontend, backend, api, auth)
  • created: Today's date in YYYY-MM-DD format
Tag Vocabulary (Recommended)

Use these predefined tags for consistency:

  • Type:
    feature
    ,
    bugfix
    ,
    refactor
    ,
    docs
    ,
    infra
  • Domain:
    frontend
    ,
    backend
    ,
    database
    ,
    api
    ,
    auth
  • Scope:
    critical
    ,
    tech-debt
    ,
    experimental

Task Breakdown Rules

  • Transform complex requirements into manageable, actionable tasks
  • Each task independently executable with clear dependencies
  • Prioritize by dependencies, risk, business value
  • Eliminate ambiguity in instructions
  • Include specific file paths for all modifications
  • Provide clear acceptance criteria per task
File Management

List affected files with:

  • Full paths (not relative)
  • Action type (modify/create/delete)
  • Brief change description
  • Dependencies on other changes
  • Fully respect the
    ./.claude/docs/development-rules.md
    file.

Output Workflow Process

  1. Initial Analysis → Read docs, understand context
  2. Research Phase → Spawn researchers in parallel, investigate approaches
  3. Synthesis → Analyze reports, identify optimal solution
  4. Design Phase → Create architecture, implementation design
  5. Plan Documentation → Write comprehensive plan in Markdown
  6. Review & Refine → Ensure completeness, clarity, actionability

Output Requirements

What Planners Do
  • Create plans ONLY (no implementation)
  • Provide plan file path and summary
  • Self-contained plans with necessary context
  • Code snippets/pseudocode when clarifying
  • Multiple options with trade-offs when appropriate
  • Fully respect the
    ./.claude/docs/development-rules.md
    file.
Writing Style

IMPORTANT: Sacrifice grammar for concision

  • Focus clarity over eloquence
  • Use bullets and lists
  • Short sentences
  • Remove unnecessary words
  • Prioritize actionable info
Unresolved Questions

IMPORTANT: List unresolved questions at end

  • Questions needing clarification
  • Technical decisions requiring input
  • Unknowns impacting implementation
  • Trade-offs requiring business decisions

Design Context for UI Phases

If Figma designs were extracted, include in phase files:

## Design Specifications

> From Figma: [{component_name}]({figma_url})

### Layout

{Extracted layout specifications}

### Visual Styling

| Property | Figma Value | Token          |
| -------- | ----------- | -------------- |
| {prop}   | {value}     | `--token-name` |

### Implementation Notes

- {Note about design-to-code mapping}
- {Any deviations from design system}

When no Figma context:

  • Omit section or note "No design specifications provided"

Output Quality Standards

Thoroughness
  • Thorough and specific in research/planning
  • Consider edge cases, failure modes
  • Think through entire user journey
  • Document all assumptions
Maintainability
  • Consider long-term maintainability
  • Design for future modifications
  • Document decision rationale
  • Avoid over-engineering
  • Fully respect the
    ./.claude/docs/development-rules.md
    file.
Research Depth
  • When uncertain, research more
  • Multiple options with clear trade-offs
  • Validate against best practices
  • Consider industry standards
Security and Performance
  • Address all security concerns
  • Identify performance implications
  • Plan for scalability
  • Consider resource constraints
Implementability
  • Detailed enough for junior developers
  • Validate against existing patterns
  • Ensure codebase standards consistency
  • Provide clear examples

Remember: Plan quality determines implementation success. Be comprehensive, consider all solution aspects.

Workflow Process

  1. Initial Analysis → Read codebase docs, understand context
  2. Design Context → Extract Figma design specs (if URLs present)
  3. Research Phase → Spawn researchers, investigate approaches
  4. Synthesis → Analyze reports, identify optimal solution
  5. Design Phase → Create architecture, implementation design
  6. Plan Documentation → Write comprehensive plan (include design context)
  7. Review & Refine → Ensure completeness, clarity, actionability

Top-Level Output Requirements

  • DO NOT implement code - only create plans
  • Respond with plan file path and summary
  • Ensure self-contained plans with necessary context
  • Include code snippets/pseudocode when clarifying
  • Provide multiple options with trade-offs when appropriate
  • Fully respect the
    ./.claude/docs/development-rules.md
    file.

Plan Directory Structure

plans/
└── {date}-plan-name/
    ├── research/
    │   ├── researcher-XX-report.md
    │   └── ...
    ├── reports/
    │   ├── XX-report.md
    │   └── ...
    ├── scout/
    │   ├── scout-XX-report.md
    │   └── ...
    ├── plan.md
    ├── phase-XX-phase-name-here.md
    └── ...

Active Plan State

Prevents version proliferation by tracking current working plan via session state.

Active vs Suggested Plans

Check the

## Plan Context
section injected by hooks:

  • "Plan: {path}" = Active plan, explicitly set via
    set-active-plan.cjs
    - use for reports
  • "Suggested: {path}" = Branch-matched, hint only - do NOT auto-use
  • "Plan: none" = No active plan

Rules

  1. If "Plan:" shows a path: Ask "Continue with existing plan? [Y/n]"
  2. If "Suggested:" shows a path: Inform user, ask if they want to activate or create new
  3. If "Plan: none": Create new plan using naming from
    ## Naming
    section
  4. Update on create: Run
    node .claude/scripts/set-active-plan.cjs {plan-dir}

Report Output Location

All agents writing reports MUST ATTENTION:

  1. Check
    ## Naming
    section injected by hooks for the computed naming pattern
  2. Active plans use plan-specific reports path
  3. Suggested plans use default reports path (not plan folder)

Important: Suggested plans do NOT get plan-specific reports - this prevents pollution of old plan folders.

Quality Standards

  • Be thorough and specific
  • Consider long-term maintainability
  • Research thoroughly when uncertain
  • Address security and performance concerns
  • Make plans detailed enough for junior developers
  • Validate against existing codebase patterns

Remember: Plan quality determines implementation success. Be comprehensive and consider all solution aspects.

Related

  • feature-implementation
  • problem-solving
  • plan-analysis

IMPORTANT Task Planning Notes (MUST ATTENTION FOLLOW)

  • Always plan and break work into many small todo tasks using
    TaskCreate
  • Always add a final review todo task to verify work quality and identify fixes/enhancements
  • MANDATORY FINAL TASKS: After creating all planning todo tasks, ALWAYS add these three final tasks:
    1. Task: "Write test specifications for each phase" — Add
      ## Test Specifications
      with TC-{FEAT}-{NNN} IDs to every phase file. Use
      /tdd-spec
      if feature docs exist. Use
      Evidence: TBD
      for TDD-first mode.
    2. Task: "Run /plan-validate" — Trigger
      /plan-validate
      skill to interview the user with critical questions and validate plan assumptions
    3. Task: "Run /plan-review" — Trigger
      /plan-review
      skill to auto-review plan for validity, correctness, and best practices

Important Notes

IMPORTANT: Analyze the skills catalog and activate the skills that are needed for the task during the process. IMPORTANT: Ensure token efficiency while maintaining high quality. IMPORTANT: Sacrifice grammar for the sake of concision when writing reports. IMPORTANT: In reports, list any unresolved questions at the end, if any.

REMINDER — Planning-Only Skill

DO NOT use

EnterPlanMode
tool. DO NOT start implementing. ALWAYS validate with
/plan-review
after plan creation. ASK user to confirm the plan before any implementation begins. ASK user decision questions with your recommendations when multiple approaches exist.


Post-Plan Granularity Self-Check (MANDATORY)

<!-- SYNC:plan-granularity -->

Plan Granularity — Every phase must pass 5-point check before implementation:

  1. Lists exact file paths to modify (not generic "implement X")
  2. No planning verbs (research, investigate, analyze, determine, figure out)
  3. Steps ≤30min each, phase total ≤3h
  4. ≤5 files per phase
  5. No open decisions or TBDs in approach

Failing phases → create sub-plan. Repeat until ALL leaf phases pass (max depth: 3). Self-question: "Can I start coding RIGHT NOW? If any step needs 'figuring out' → sub-plan it."

<!-- /SYNC:plan-granularity -->

After creating all phase files, run the recursive decomposition loop:

  1. Score each phase against the 5-point criteria (file paths, no planning verbs, ≤30min steps, ≤5 files, no open decisions)
  2. For each FAILING phase → create task to decompose it into a sub-plan (with its own /plan → /plan-review → /plan-validate → fix cycle)
  3. Re-score new phases. Repeat until ALL leaf phases pass (max depth: 3)
  4. Self-question: "For each phase, can I start coding RIGHT NOW? If any needs 'figuring out' → sub-plan it."

Closing Reminders

  • IMPORTANT MUST ATTENTION break work into small todo tasks using
    TaskCreate
    BEFORE starting
  • IMPORTANT MUST ATTENTION search codebase for 3+ similar patterns before creating new code
  • IMPORTANT MUST ATTENTION cite
    file:line
    evidence for every claim (confidence >80% to act)
  • IMPORTANT MUST ATTENTION add a final review todo task to verify work quality
  • IMPORTANT MUST ATTENTION include Test Specifications section and story_points in plan frontmatter
  • IMPORTANT MUST ATTENTION verify all phases pass granularity check MANDATORY IMPORTANT MUST ATTENTION READ the following files before starting: <!-- SYNC:evidence-based-reasoning:reminder -->
  • IMPORTANT MUST ATTENTION cite
    file:line
    evidence for every claim. Confidence >80% to act, <60% = do NOT recommend. <!-- /SYNC:evidence-based-reasoning:reminder --> <!-- SYNC:estimation-framework:reminder -->
  • IMPORTANT MUST ATTENTION include
    story_points
    and
    complexity
    in plan frontmatter. SP > 8 = split. <!-- /SYNC:estimation-framework:reminder --> <!-- SYNC:plan-quality:reminder -->
  • IMPORTANT MUST ATTENTION include
    ## Test Specifications
    with TC IDs per phase. Call
    TaskList
    before creating new tasks. <!-- /SYNC:plan-quality:reminder --> <!-- SYNC:iterative-phase-quality:reminder -->
  • IMPORTANT MUST ATTENTION score complexity first. Score >=6 → decompose. Each phase: plan → implement → review → fix → verify. No skipping. <!-- /SYNC:iterative-phase-quality:reminder --> <!-- SYNC:plan-granularity:reminder -->
  • IMPORTANT MUST ATTENTION pass 5-point granularity check: specific files, no planning verbs, <=30min steps, <=5 files, zero TBDs. <!-- /SYNC:plan-granularity:reminder --> <!-- SYNC:critical-thinking-mindset:reminder -->
  • MUST ATTENTION apply critical thinking — every claim needs traced proof, confidence >80% to act. Anti-hallucination: never present guess as fact. <!-- /SYNC:critical-thinking-mindset:reminder --> <!-- SYNC:ai-mistake-prevention:reminder -->
  • MUST ATTENTION apply AI mistake prevention — holistic-first debugging, fix at responsible layer, surface ambiguity before coding, re-read files after compaction. <!-- /SYNC:ai-mistake-prevention:reminder -->