Draw.io Network Diagrams

What it does

This skill generates network diagrams in native Draw.io (.drawio) XML format and optionally exports them to PNG, SVG or PDF while embedding the original diagram XML so exports remain editable. It also supports a browser mode that opens diagrams via an MCP server, accepting Mermaid, raw Draw.io XML, or CSV device inventories and returning an editable URL. Use the native mode for file-based workflows, version control, and offline environments; use the browser mode for quick previews, shareable links, and server-side conversions.

When to use it

Use this skill when you need reproducible architecture or network topology diagrams from discovery data, when you want exportable assets for documentation, or when you need a quick visual preview from Mermaid/CSV. It is ideal for network engineers generating physical, logical, or security-zone diagrams, and for automation pipelines that emit diagram XML.

What's included

• Scripts: none embedded in the SKILL (instructions reference draw.io CLI and MCP server calls)
• References: inline examples for XML structure, export commands, and MCP invocation patterns
• Instructions: detailed guidance for generating mxGraphModel XML, naming conventions, CLI export flags, and XML well-formedness checks

Compatible agents

Works best with agents or environments that can run shell commands and call MCP servers (Claude Code, Copilot-style agents, or local automation runners).