Architecture-Aware Coding with Mermaid Diagrams

Feed the agent an explicit system map (dependencies, data flow, boundaries) so code generation stays. Tools: Claude Code, Other. Stage: Handoff

Tools: Claude Code, Other. Stage: Handoff

1. Write a **Mermaid diagram** that expresses modules + data flow (sequence/flow/architecture). 2. Paste the diagram into Claude Code as "source of truth context." 3. Ask Claude to implement by module (start with contracts/interfaces, then components). 4. Claude opens PRs with smaller, reviewable diffs tied to diagram parts.