What problem does it solve? Creating professional diagrams by hand in draw.io is slow, and asking an LLM directly produces inconsistent layouts with overlapping shapes and crossing edges. This Skill turns natural language descriptions into well-structured .drawio files with preset styles, grid-aligned layouts, and a self-check loop that catches visual issues before you see them. ## Core Features & Use Cases - 6 Diagram Type Presets: ERD, UML Class, Sequence, Architecture, ML/Deep Learning, and Flowchart presets with predefined shapes, colors, and layout conventions. - Self-Check and Iterative Refinement: Reads the exported PNG with vision, auto-fixes up to 6 issue types (overlaps, clipped labels, stacked edges), then supports a 5-round targeted-edit review loop. - Local Export with Fallbacks: Exports via the draw.io desktop CLI to PNG/SVG/PDF/JPG, with a diagrams.net browser URL fallback when the CLI is unavailable. - Use Case: Describe a microservices e-commerce architecture with API Gateway, Kafka, and per-service databases, and receive a clean, grid-aligned architecture diagram exported as PNG, ready to embed in documentation or a paper. ## Quick Start Ask the agent to create a diagram, for example: draw a microservices architecture diagram with an API Gateway, auth and order services, Kafka, and separate databases, then export it as a PNG.
