How do I install the Drawio Diagrams skill?

Run npx skillmds@latest add yuukias/drawio-diagrams 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 Diagrams 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 Diagrams?

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 Diagrams free to use?

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

Who published Drawio Diagrams?

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

Drawio Diagrams by yuukias — Agent Skill

Name: Drawio Diagrams
Author: YuukiAS

Drawio Diagrams

Create, edit, validate, and export editable draw.io diagrams for architecture, methods, flowcharts, ER diagrams, and paper method figures. Use when the deliverable should remain editable as .drawio XML or embedded editable SVG/PDF.

YuukiAS Updated Sep 21, 2026

File contents

draw.io Diagrams

Use this when editability matters. The canonical source should be .drawio, not only a rendered PNG.

Workflow

Clarify diagram type, audience, paper/report context, and required output formats.
Create or edit .drawio XML as the source artifact.
Keep labels short and domain-specific.
Use stable layout: left-to-right for pipelines, top-to-bottom for stages, grouped regions for modules.
If exporting is requested, prefer SVG or PDF with embedded draw.io XML when supported so the figure remains editable.
Validate by reopening or inspecting XML structure when possible.

Output Policy

For manuscripts: deliver .drawio plus SVG/PDF export.
For README/docs: deliver .drawio plus SVG or PNG.
For early brainstorming: consider excalidraw-diagrams instead.
For DSL-native architecture diagrams: consider d2-diagrams, plantuml-diagrams, or markdown-mermaid-writing.

Boundaries

Do not make only a screenshot when the user asked for editable diagrams.
Do not rely on draw.io desktop CLI unless it is installed or the user accepts that dependency.
Do not embed hidden assumptions in diagram labels; use notes or captions for uncertainty.

Frequently asked questions