drawio-diagram

Generate .drawio architecture diagrams with a consistent visual style. Always include a legend. Supports export to PNG, SVG, PDF, and self-contained HTML.

Workflow

1. Understand the subject — read source material (repos, docs, README, user description)
2. Plan the diagram — identify containers, capabilities, external services, and connections
3. Generate the .drawio file — use the XML structure and style conventions below
4. Add a legend — always include a legend row at the top of the diagram
5. Export — offer to export to PNG/SVG/PDF via draw.io CLI, or to self-contained HTML

XML Structure

Every .drawio file must follow this structure: