What problem does it solve? Hand-drawn or ad-hoc draw.io diagrams often suffer from overlapping boxes, arrows crossing through unrelated components, and inconsistent spacing, making architecture and flow diagrams hard to read and unprofessional. ## Core Features & Use Cases - Standardized Layout Generation: Produces draw.io XML following fixed grid rules (80px horizontal gap, 60px vertical gap, 40px container padding) across architecture, flowchart, ER, UML class, network, sequence, and mockup diagram types. - Deterministic Validation Gate: Runs scripts/validate_layout.py to catch overlap, spacing, padding, and arrow-through-box violations before delivery, with fix recipes for each failure. - Reusable Templates and Style Catalog: Ships gate-passing skeletons for grouped architectures and linear flows plus a fixed catalog of node and edge styles with deterministic id naming. - Use Case: Describe a three-tier web app (React frontend, API service, Postgres, Stripe, Redis) and receive a clean five-lane architecture diagram whose layout passes automated validation. ## Quick Start Ask the agent to draw a clean, standardized architecture diagram of your system with components grouped into frontend, backend, database, external, and infrastructure lanes.
