skills.rest
dgethings
dgethingsCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/dgethings/netclaw --skill drawio-diagram-dgethings
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ntaksh42ntaksh42
1

drawio-diagram

Generate and open Draw.io diagrams from XML, CSV, and Mermaid syntax.

Community
Intermediate
edteedte
11

mydrawio

Create and validate Draw.io diagrams as .drawio or .xml files.

Community
Intermediate
lucasgaldinoslucasgaldinos

draw-io-diagram-generator

Generate, edit, and validate draw.io diagrams with mxGraph XML structure.

Community
Advanced
automateyournetworkautomateyournetwork
627

drawio-diagram

Generate network diagrams in .drawio format with PNG, SVG, or PDF export.

Community
Intermediate