What problem does it solve?
Perform a major architectural redesign of a codebase: write a design plan, update architecture docs, then implement changes across all affected files. Use for 'redesign', 'generalize', 'refactor architecture', 'tiered integration', or any large-scale structural change.
Core Features & Use Cases
Phase 1: Deep Exploration (NEVER skip this) Read every source file, understand dependencies, and review existing documentation to map current architecture.
Phase 2: Design Plan (write BEFORE any code) Create a detailed design plan document at docs/plans/<name>.md covering problem statement, tier/integration model, architecture changes, config design, migration path, scope exclusions, and implementation order.
Phase 3: Update Architecture Rules Update the project's architecture document to reflect the new design, including updated workspace layout, design principles, integration tier descriptions, and configuration details.
Phase 4: Implement (bottom-up, foundation first) Implement in dependency order: configuration system, presets, detection/sniffing, core modules, UI widget, loader, headless client, and server/proxy. For each file, re-read before writing, preserve functionality, make config-driven changes, and maintain backward compatibility.
Phase 5: Verify Build, server startup, and syntax checks to ensure all changes integrate cleanly.
Phase 6: Summary Provide a recap of new/modified files, testing steps, and environment notes.
Quick Start
Draft a comprehensive design plan and begin the architectural redesign workflow.