drawio-diagram

Generate native .drawio files and optional PNG/SVG/PDF exports with embedded XML from discovery data or templates.

Updated Feb 28, 2026

Search Tags:#MCP #visualization #network #topology #export #diagram #drawio

Ready to run

npx skills add https://github.com/dgethings/netclaw --skill drawio-diagram-dgethings

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: drawio-diagram
Source: https://github.com/dgethings/netclaw/tree/main/workspace/skills/drawio-diagram
Command: npx skills add https://github.com/dgethings/netclaw --skill drawio-diagram-dgethings

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate clear network diagrams quickly by producing native .drawio files and optional exports (PNG/SVG/PDF) with embedded diagram XML, enabling editable visuals and easy sharing.

Core Features & Use Cases

Native File Generation: create .drawio files and optionally export to PNG/SVG/PDF with embedded diagram XML for editing.
Browser Editor via MCP: open diagrams in the Draw.io browser editor using the MCP server with Mermaid, XML, or CSV inputs.
Flexible inputs and workflows: supports Mermaid diagrams, MXGraph XML, and CSV-based inventories for rapid topology visualization.

Quick Start

Use the drawio-diagram skill to generate a topology diagram from discovery data.

Frequently Asked Questions about drawio-diagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a network topology diagram from discovery data?▼

You can generate a network topology diagram from discovery data by converting CSV-based inventories, Mermaid diagrams, or MXGraph XML into native .drawio files for rapid topology visualization.

Can I export draw.io diagrams to PNG, SVG, or PDF with editable XML?▼

Yes, you can export draw.io diagrams to PNG, SVG, or PDF formats. These exports include embedded diagram XML, ensuring the visual files remain fully editable in the draw.io editor later.

What input formats work with the draw.io MCP browser editor?▼

The draw.io MCP browser editor accepts Mermaid diagrams, MXGraph XML, and CSV-based inventory data as valid input formats to open and render diagrams directly in the browser editor.

Does draw.io diagram generation support Mermaid and CSV inputs?▼

Yes, draw.io diagram generation supports flexible inputs including Mermaid for diagram syntax and CSV files for inventory data, allowing automated conversion into native .drawio files.

What is the best way to create editable draw.io files from MXGraph XML?▼

The best way to create editable draw.io files from MXGraph XML is using automated diagram generation to produce native .drawio files with embedded XML, ensuring valid diagram data handling.

Why include embedded XML when exporting a topology diagram to PNG or SVG?▼

Including embedded XML when exporting a topology diagram to PNG or SVG allows the exported image to be re-imported into the draw.io editor while preserving the original diagram structure.