Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Draw.io Network Diagrams · automateyournetwork | DecimalAI

design mediaby automateyournetwork

Draw.io Network Diagrams

automateyournetwork/drawio-diagram

Source automateyournetwork/netclaw ↗License Apache-2.0

Generate draw.io network diagrams — native .drawio files with CLI export (PNG/SVG/PDF), plus browser-based Mermaid/XML/CSV via MCP server.

SkillScore68Maintained

Automatic

Doc Ops pack

Last verified 8/16/2026

What it changes

Passed 12 of 17 test cases with the skill, and 7 of 17 without it.

Without skill41%

With skill68%

Checks it passed that the model alone missed

Avoids double hyphens inside XML comments
Omits -e flag when exporting to JPG format
Passes -b flag with value 15 in CLI command

and 4 more in the full report

6 fixed9 passed either way7 still failing0 broke

Pass-rate lift: +27 pp
Tokens: +135%
Agent turns: 0%
Response time: -4%

Model gemini-3.6-flashMeasured 8/16/2026v115 of 22 cases passed with skill · 17 comparable

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/automateyournetwork-drawio-diagram/SKILL.md https://app.decimal.ai/s/automateyournetwork-drawio-diagram/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add automateyournetwork-drawio-diagram, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/automateyournetwork-drawio-diagram/ and pins it in .decimal/skills.lock

decimalai skills add automateyournetwork-drawio-diagram

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/automateyournetwork-drawio-diagram/SKILL.md https://app.decimal.ai/s/automateyournetwork-drawio-diagram/SKILL.md

Raw file: /s/automateyournetwork-drawio-diagram/SKILL.md ↗ · machine-readable summary at /s/automateyournetwork-drawio-diagram.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 6

Prompt

When exporting a diagram to PNG via CLI, we want a 15-pixel margin around the edges of the diagram so elements aren't flush against the image border. What flag sets this?

What was checked, without and with the skill
Checked	Without skill	With skill
Passes -b flag with value 15 in CLI command	Missed	Passed

case-19 · gemini-3.6-flash · 8/16/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md244 linessingle file

Draw.io Network Diagrams

Generate network diagrams using two approaches:

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)
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

Generate draw.io XML in mxGraphModel format for the requested diagram
Write the XML to a .drawio file in the current working directory using the Write tool
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
Open the result — the exported file if exported, or the .drawio file otherwise

Choosing the Output Format

Check the user's request for a format preference:

/drawio create a flowchart → flowchart.drawio
/drawio png flowchart for login → login-flow.drawio.png
/drawio svg: ER diagram → er-diagram.drawio.svg
/drawio pdf architecture overview → architecture-overview.drawio.pdf

If no format is mentioned, write the .drawio file and open it. The user can ask to export later.

Supported Export Formats

Format	Embed XML	Notes
`png`	Yes (`-e`)	Viewable everywhere, editable in draw.io
`svg`	Yes (`-e`)	Scalable, editable in draw.io
`pdf`	Yes (`-e`)	Printable, editable in draw.io
`jpg`	No	Lossy, no embedded XML support

Track record

Benchmark

12 / 17

test cases passed, vs 7 / 17 without

Adoption

Users: 1
Times used: 39

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

automateyournetwork / netclaw

workspace/skills/drawio-diagram/SKILL.md

View on GitHub ↗

License Apache-2.0Imported 8/3/2026Version v1

Other skills for the same job

Published skills whose descriptions closely match this one, with their headline benchmark lift.

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

Draw.io Network Diagrams

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

How to Create a Diagram

Choosing the Output Format

Supported Export Formats

Track record

Benchmark

Adoption

SkillSafety

Source

Other skills for the same job

Related skills