Generates professional architecture, sequence, and flow diagrams using draw.io's XML format and LLM integrations.
This skill empowers Claude to create, update, and validate complex technical diagrams directly in the draw.io (mxGraphModel) format. It provides optimized XML structures, precise shape perimeters, and standardized style properties to ensure diagrams are both human-readable and fully compatible with the diagrams.net editor. Whether you need an AWS architecture overview, a UML sequence diagram, or a database ER model, this skill streamlines the transition from natural language requirements to production-ready visual documentation.
Key Features
0110 GitHub stars
02Native draw.io XML generation using simplified mxGraphModel structures
03Advanced style mapping for accurate colors, fonts, and orthogonal edge routing
04Support for major LLMs including Claude 3.7/4.0 and Google Gemini
05Pre-configured patterns for cloud architecture, sequence diagrams, and flowcharts
06Automated validation for structural integrity, unique IDs, and shape perimeters
Use Cases
01Creating database entity-relationship (ER) diagrams with Crow's foot notation
02Generating cloud infrastructure diagrams from system requirements or code descriptions
03Visualizing complex software logic flows, CI/CD pipelines, and OAuth sequences
