Skill UI

Generates and edits draw.io (.drawio/.drawio.svg/.drawio.png) files via mxGraph XML, supporting templates, layout guidance, and the VS Code Draw.io extension so diagrams for flowcharts, architecture, UML, ER, sequences, and networks open without manual fixes.

This skill specializes in generating visual representations of complex logic flows, particularly within finance. It creates Draw.io XML compatible diagrams, making it ideal for visualizing investment theses, signal transmission chains, or complex financial models for clear communication and analysis.

The skill generates professional diagrams (flowcharts, architecture, UML, ERD) using the native draw.io desktop CLI. It creates editable .drawio XML files and exports them to common formats like PNG, SVG, PDF, and JPG. Ideal for visualizing complex systems, data flows, or component relationships.

Use this comprehensive skill to generate, manipulate, and export draw.io diagrams. It converts diagrams into native .drawio files and allows exporting to high-quality formats like PNG, SVG, and PDF. Crucially, it embeds the editable XML data, ensuring the resulting diagrams are professional, scalable, and easily integrated into documents.

This meta-skill scans a target codebase path to extract modules, dependencies, and hotspots. It then intelligently classifies the most appropriate architectural diagram type (class, sequence, component, etc.) and renders the diagram simultaneously as both PlantUML source code and editable draw.io XML. Finally, it composes a structured Word document containing both deliverables for comprehensive documentation.