How do I install the Drawio skill?

Run npx skillmds@latest add garyld1962/drawio-3 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Drawio safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Drawio?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Drawio free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Drawio?

garyld1962 (@garyld1962) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Drawio by garyld1962 — Agent Skill

Name: Drawio
Author: garyld1962

Drawio

Create or edit editable draw.io diagrams, optionally export PNG/SVG/PDF with embedded diagram data, or produce a diagrams.net URL. Use when draw.io format is requested; use native text diagrams for simple explanations that need no draw.io artifact.

garyld1962 eff7e8c 3 files · 7.8 KB Updated Sep 17, 2026

File contents

Draw.io

Workflow

Identify the relationships, desired diagram type, source artifact and output path. Inspect an existing diagram before editing; preserve pages, IDs, links and styling outside the requested change.
Read XML reference. Write editable, uncompressed mxGraph XML to a .drawio file. Use stable IDs, readable geometry and edges attached to nodes.
Parse the XML, check duplicate IDs and dangling edge endpoints, then inspect it in an available renderer/editor. XML validity alone does not prove visual quality.
Default to returning the editable source. For a requested image or PDF, check the installed draw.io desktop CLI's --help and supported flags; export with embedded diagram data when that format supports it. Verify the output exists and inspect it. Keep the .drawio source even after export. If no renderer is available, return the source and clearly say the requested export/visual check is still unavailable.
For a requested URL, use the URL helper with the source file. It creates a diagrams.net #R fragment locally, without uploading or opening it. A shared link contains the diagram content; do not publish or open it automatically.

Examples

"Make an editable architecture diagram" → create a .drawio with real components, ownership boundaries and labeled relationships.
"Export this to SVG too" → retain the source, export and verify SVG if supported.

Closed decisions and open decisions

Honor the user's notation, names and architecture. Clarify unknown relationships instead of inventing systems. Layout choices can follow the existing diagram.

Do not

Do not depend on absent vendor skills or MCP servers, delete editable source after export, or silently send private diagrams to an online conversion service.

Copilot integration

This skill is the durable entrypoint for Copilot hosts that load agent skills. The matching prompt file is an optional VS Code shortcut. Read repository instructions before edits; use the tools actually exposed by the host, including connected GitHub access when available. A prompt or skill does not itself grant additional permissions.

---name: drawio-3description: Create or edit editable draw.io diagrams, optionally export PNG/SVG/PDF with embedded diagram data, or produce a diagrams.net URL. Use when draw.io format is requested; use native text diagrams for simple explanations that need no draw.io artifact.---# Draw.io## Workflow1. Identify the relationships, desired diagram type, source artifact and output path. Inspect an existing diagram before editing; preserve pages, IDs, links and styling outside the requested change.2. Read [XML reference](references/xml.md). Write editable, uncompressed mxGraph XML to a .drawio file. Use stable IDs, readable geometry and edges attached to nodes.3. Parse the XML, check duplicate IDs and dangling edge endpoints, then inspect it in an available renderer/editor. XML validity alone does not prove visual quality.4. Default to returning the editable source. For a requested image or PDF, check the installed draw.io desktop CLI's --help and supported flags; export with embedded diagram data when that format supports it. Verify the output exists and inspect it. Keep the .drawio source even after export. If no renderer is available, return the source and clearly say the requested export/visual check is still unavailable.5. For a requested URL, use [the URL helper](scripts/drawio_url.py) with the source file. It creates a diagrams.net #R fragment locally, without uploading or opening it. A shared link contains the diagram content; do not publish or open it automatically.## Examples- "Make an editable architecture diagram" → create a .drawio with real components, ownership boundaries and labeled relationships.- "Export this to SVG too" → retain the source, export and verify SVG if supported.## Closed decisions and open decisionsHonor the user's notation, names and architecture. Clarify unknown relationships insteadof inventing systems. Layout choices can follow the existing diagram.## Do notDo not depend on absent vendor skills or MCP servers, delete editable source afterexport, or silently send private diagrams to an online conversion service.## Copilot integrationThis skill is the durable entrypoint for Copilot hosts that load agent skills.The matching prompt file is an optional VS Code shortcut. Read repository instructionsbefore edits; use the tools actually exposed by the host, including connected GitHubaccess when available. A prompt or skill does not itself grant additional permissions.

Frequently asked questions