drawio

Generate draw.io diagrams as .drawio files, optionally export to PNG/SVG/PDF with embedded XML

Install with Tessl CLI

npx tessl i github:jgraph/drawio-mcp --skill drawio

What are skills?

Review — 72%

Does it follow best practices?

If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:

npx tessl skill review --optimize ./path/to/skill

Learn more

Validation — 10 / 11 Passed

Validation for skill structure

SKILL.md

Review

Evals

Evaluation results

100%

Order Processing Flowchart

Correct XML structure and file naming

Criteria

Without context

With context

mxGraphModel root element

100%

Cell id=0 present

100%

Cell id=1 with parent=0

100%

Diagram cells use parent=1

100%

Unique cell IDs

100%

No double hyphens in comments

100%

Special chars escaped

100%

Lowercase hyphenated filename

100%

Descriptive filename

100%

Grid-aligned coordinates

70%

100%

Generous node spacing

80%

100%

Without context: $0.2874 · 1m 11s · 12 turns · 19 in / 5,158 out tokens

With context: $0.4247 · 1m 45s · 12 turns · 15 in / 7,962 out tokens

100%

Microservices Architecture Diagram

Architecture diagram with containers and edge routing

Criteria

Without context

With context

Swimlane container style

100%

Parent-child containment

100%

Relative child coordinates

100%

pointerEvents=0 on containers

100%

orthogonalEdgeStyle edges

100%

Entry/exit point control

100%

Grid-aligned container coordinates

100%

Generous inter-container spacing

100%

mxGraphModel structure

100%

Unique cell IDs

100%

Lowercase hyphenated filename

100%

No double hyphens in comments

100%

Without context: $0.4749 · 2m 12s · 12 turns · 17 in / 10,649 out tokens

With context: $0.4735 · 1m 45s · 17 turns · 53 in / 7,618 out tokens

82%

34%

CI/CD Pipeline Diagram for Documentation Site

Export workflow with CLI and file management

Criteria

Without context

With context

Correct export flags: -x

100%

Correct export flags: -f

100%

Embed diagram flag

100%

Border flag

50%

100%

PATH detection first

20%

100%

macOS fallback path

100%

Linux fallback path

100%

Double extension output filename

100%

Deletes intermediate .drawio file

Opens result

mxGraphModel XML structure

100%

No double hyphens in XML comments

100%

Without context: $0.2727 · 1m 11s · 12 turns · 16 in / 5,149 out tokens

With context: $0.5730 · 1m 41s · 25 turns · 1,242 in / 6,344 out tokens

Evaluated: about 12 hours ago
Agent: Claude Code

Table of Contents

Order Processing Flowchart Microservices Architecture Diagram CI/CD Pipeline Diagram for Documentation Site

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.