skills.rest
automateyournetwork
automateyournetworkCOMMUNITY
Explore all skills by this author →
Website𝕏@john_capobiancoGitHub

drawio-diagram

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

627|175|Updated Feb 19, 2026
Search Tags:#documentation#mermaid#visualization#network#export#diagram#drawio
One-click install
npx skills add https://github.com/automateyournetwork/netclaw --skill drawio-diagram
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio-diagram
Source: https://github.com/automateyournetwork/netclaw/tree/main/workspace/skills/drawio-diagram
Command: npx skills add https://github.com/automateyournetwork/netclaw --skill drawio-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation and export of network diagrams, streamlining documentation and visualization processes.

Core Features & Use Cases

  • Native File Generation: Creates .drawio files with optional PNG, SVG, or PDF export via CLI.
  • Browser Editor Integration: Opens diagrams in the Draw.io web editor using Mermaid, XML, or CSV input via an MCP server.
  • Use Case: Generate a PNG export of a network's physical topology diagram from device configuration data.

Quick Start

Use the drawio-diagram skill to create a PNG export of the network architecture.

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 diagram from device configuration data?▼

You can generate a network diagram by providing device configuration data to this Skill. It creates native `.drawio` files visualizing physical topology, logical relationships, and security zones automatically.

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

Yes, you can export diagrams to PNG, SVG, or PDF using the draw.io CLI. The Skill generates native `.drawio` files and provides optional export to these formats for documentation and visualization needs.

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

Yes, the tool supports Mermaid, XML, and CSV inputs. It uses an MCP server to open these input formats directly in the Draw.io web editor for browser-based diagram editing and visualization.

What is the best way to visualize security zones in a network topology?▼

Visualizing security zones is best achieved by generating a native `.drawio` network diagram. This Skill facilitates visualization of physical topology, logical relationships, and security zones from your configuration data.

Do I need the draw.io CLI to export SVG files?▼

Yes, you need the draw.io CLI to export SVG files. The Skill uses the draw.io CLI to perform optional exports from native `.drawio` files to PNG, SVG, or PDF formats.

Related Skills

Explore More Design & Creative Skills→
dgethingsdgethings

drawio-diagram

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

Community
Advanced
matiaspakuamatiaspakua

drawio

Generate native draw.io diagrams from natural language prompts.

Community
Advanced
ntaksh42ntaksh42
1

drawio-diagram

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

Community
Intermediate
testacotestaco
1

mermaid-diagram-generator

Generate, validate, and refine Mermaid diagrams for workflows and architectures.

Community
Advanced