Skip to content
↑↓navigate↵openescclose
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Draw.io Diagrams logo
Skill

Draw.io Diagrams

Turn technical ideas and code into editable draw.io diagrams

0
SaveVisit website ↗

Install

Ships scripts
git clone https://github.com/Agents365-ai/drawio-skill.git ~/.claude/skills/drawio-skill
Triggers on

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.

Comments(0)

Sign in to comment

No comments yet — be the first.

Similar skills

Report this comment

Why are you reporting this?