Draw.io Diagrams
Turn technical ideas and code into editable draw.io diagrams
Install
Ships scriptsgit clone https://github.com/Agents365-ai/drawio-skill.git ~/.claude/skills/drawio-skill
Use when an agent needs to create, inspect, convert or update editable draw.io diagrams from text, code, infrastructure or structured data.
- Author
- Agents365-ai
- License
- MIT
Draw.io Diagrams gives coding agents a structured way to produce and maintain editable draw.io assets. It can start with a written brief or derive relationships from source code, infrastructure configuration, database definitions and API specifications. The result remains suitable for later editing in draw.io and can be exported for documentation, reviews or presentations.
Highlights
- Covers architecture, C4, UML, sequence, ER, BPMN, SysML, network and swimlane diagrams.
- Includes executable helpers for code imports, automatic layout, validation, format conversion and diagram comparison.
- Extracts structures from Python, JavaScript or TypeScript, Go, Rust, Terraform, Kubernetes, Docker Compose, SQL and OpenAPI files.
- Supports vendor shapes, AI product icons, reusable visual themes and multiple export formats.
- Can create interactive viewers, animated flows, presentation decks, runbooks and architecture-history views from diagram data.
It is particularly useful for software teams, platform engineers and documentation authors who want diagrams tied to real project artifacts. Installation can use the repository directly, while rendering requires the draw.io desktop command-line interface; some advanced layout operations optionally use Graphviz.
Similar skills
Archify
SkillTurn codebases into interactive system diagrams
Diagram Design
SkillCreate 39 branded diagram types with your site's colors and fonts
Code Documentation
SkillTurns a repository into API references, architecture diagrams and step-sequenced tutorials.

Comments(0)
Sign in to comment