CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

drawio

Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch, or mentions draw.io, drawio, drawoi, .drawio files, or diagram export to PNG/SVG/PDF. Exception: in a chat that shows diagrams inline (VS Code's or Cursor's own chat, Claude.ai, ChatGPT) where the draw.io MCP server's create_diagram tool is available, call that tool instead, unless the user asks for a file or an export. Claude Code, Codex and Copilot CLI, also in their VS Code and JetBrains extensions, don't show diagrams inline: use this skill there.

Quality

89%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

The canonical home for this skill is drawio in jgraph/drawio-mcp

SKILL.md
Quality
Evals
Security

Quality

Content

88%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

An exceptionally actionable, well-sequenced operational guide: every command is copy-paste ready, the pipeline includes a repair-pass checkpoint, and the troubleshooting table provides genuine feedback loops. The only real costs are minor redundancy and a long single-file body that inlines platform-fallback detail which could be split into bundle references.

DimensionReasoningScore

Conciseness

Nearly every section carries non-obvious operational knowledge Claude wouldn't have (the broken direct Mermaid→PNG export, registry-based CLI discovery, cmd.exe stripping "#" fragments, the .url shortcut workaround), but there is minor redundancy that could be trimmed: the inline-viewer exception restates the frontmatter almost verbatim, and the "Prefer Mermaid / Use XML" bullets restate the table above them.

4 / 5

Actionability

Fully executable throughout: copy-paste commands for every path ("drawio -x -f xml -o diagram.drawio diagram.mmd", the Node.js zlib URL one-liner, the PowerShell find-drawio.ps1 chain, per-OS open commands), complete runnable scripts (repair pass, find-shapes.js), and concrete flag-by-flag CLI documentation with placeholders explicitly flagged for substitution.

5 / 5

Workflow Clarity

The pipeline is clearly sequenced (Author → .drawio → Deliver → Open) with an explicit validation checkpoint ("Run this right after writing XML to a .drawio file, before any layout, export or URL step" — the repair pass), and error-recovery feedback loops are everywhere: the troubleshooting table maps failures to fixes (retry with --disable-gpu, run the repair pass, fall back to XML authoring when the CLI is absent).

5 / 5

Progressive Disclosure

Good structure with well-signaled, one-level-deep references — external docs are fetched conditionally with explicit triggers ("When authoring Mermaid, fetch...", "Only when a diagram needs layers, tags... also fetch the full XML reference") and the referenced bundle file scripts/find-shapes.js exists and is clearly documented. Minor gaps: the ~400-line body inlines heavy platform-specific fallback chains (registry queries, the PowerShell script, Windows .url workarounds) that could live in bundle files, making SKILL.md itself carry more than the overview role.

4 / 5

Total

18

/

20

Passed

Description

86%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, trigger-dense description with excellent natural-keyword coverage (including typo and extension variants) and careful boundary handling against the draw.io MCP tool. Its main weakness is that the "what" is implicit — the verbs describe the user's request rather than the skill's concrete capabilities.

DimensionReasoningScore

Specificity

Concrete actions are named — "create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch" plus "diagram export to PNG/SVG/PDF" and ".drawio files" — but the description never states the skill's actual mechanism (native .drawio authoring via Mermaid/XML, auto-layout, browser-URL output), so coverage has minor gaps rather than being comprehensive.

4 / 5

Completeness

The "when" is maximally explicit ("Always use when user asks to create, generate, draw... or mentions draw.io..." with a scoped exception clause), but the "what" is only implied through trigger verbs — the skill's actual function (authoring native .drawio files and exports) is never directly stated, which falls short of the anchor requiring both explicitly.

4 / 5

Trigger Term Quality

Trigger coverage is exhaustive and natural: every common diagram type ("flowchart", "ER diagram", "sequence diagram", "mockup", "wireframe"), product synonyms ("draw.io", "drawio", even the typo "drawoi"), the file extension ".drawio files", and the export formats "PNG/SVG/PDF" — matching the anchor's standard of synonyms plus file extensions.

5 / 5

Distinctiveness Conflict Risk

A clear niche (draw.io/diagram creation) with distinct triggers and explicit conflict handling — the exception clause ("in a chat that shows diagrams inline... where the draw.io MCP server's create_diagram tool is available, call that tool instead") precisely disambiguates the one real neighboring tool, and it doesn't claim adjacent territory like charts or plots.

5 / 5

Total

18

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

jgraph/drawio-mcp

Path

plugins/copilot/skills/drawio/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.