drawio-diagram

Installation
SKILL.md

Draw.io Network Diagrams

Generate network diagrams using two approaches:

  1. Native File Mode — Generate .drawio XML files on disk with optional PNG/SVG/PDF export via the draw.io desktop CLI (official jgraph skill-cli)
  2. Browser Mode — Open diagrams in the Draw.io browser editor via the @drawio/mcp MCP server (Mermaid, XML, or CSV input)

Mode 1: Native File Generation (Official Skill-CLI)

Generate native .drawio files directly. Optionally export to PNG, SVG, or PDF with the diagram XML embedded (so the exported file remains editable in draw.io).

How to Create a Diagram

  1. Generate draw.io XML in mxGraphModel format for the requested diagram
  2. Write the XML to a .drawio file in the current working directory using the Write tool
  3. If the user requested an export format (png, svg, pdf), export using the draw.io CLI with --embed-diagram, then delete the source .drawio file
  4. Open the result — the exported file if exported, or the .drawio file otherwise
Related skills

More from automateyournetwork/netclaw

Installs
20
GitHub Stars
489
First Seen
Mar 6, 2026