drawio

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

1.16x

Quality

72%

Does it follow best practices?

Impact

94%

1.16x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skill-cli/SKILL.md

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%

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%

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%

Repository: jgraph/drawio-mcp
Commit: 7df8fc7

Evaluated: 29 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

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.