---
name: drawio
slug: drawio-diagram-generator
score: 58
rubric: 1.0
provenance: verified-org
publisher: draw.io (JGraph)
license: Apache-2.0
capability: read-write
canonical: https://top-agent-skills.com/skill/drawio-diagram-generator
---

# drawio

The only vendor-official skill from a major diagramming product — and it emits editable .drawio files rather than a throwaway image.

## Install

### Claude Code

```bash
/plugin marketplace add jgraph/drawio-mcp
```

### Codex CLI

```bash
codex plugin marketplace add jgraph/drawio-mcp
```

## Best for

Producing a diagram someone will later edit. Output is native .drawio XML (or an app.diagrams.net link), so the diagram stays maintainable instead of becoming a screenshot.

## Not ideal for

Diagrams that must live inside Markdown. Mermaid stays in the file; .drawio is a separate artefact, which is the trade for editability.

## About

Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch, or mentions draw.io, drawio, drawoi, .drawio files, or diagram export to PNG/SVG/PDF.

## Compatibility

claude-code, codex

## Metadata

- Categories: diagrams-visualization
- Surfaces: claude-code
- Tags: draw.io, Flowchart, Architecture
- Setup time: 2 min
- Complexity: Low
- Last update: 2026-08-03
- Verified: —
- Source: https://github.com/jgraph/drawio-mcp/tree/main/plugins/claude-code/skills/drawio
- Docs: https://github.com/jgraph/drawio-mcp/blob/main/plugins/claude-code/skills/drawio/SKILL.md

---

_Indexed by Top Agent Skills. Score breakdown: https://top-agent-skills.com/about/methodology_