1. Habit
  2. Skills
  3. Draw.io Diagrams skill
stark-ai-de · 3K installs

Draw.io Diagrams skill
Runs by itself, PR changes drawio files.

Diagrams stay valid and readable.

Install the Draw.io Diagrams skill and make it a habit: follow https://gethabit.dev/skills/stark-ai-de/drawio-diagrams.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

3K installs8 starsApache-2.0 licenceSource on GitHub ↗

Draw.io Diagrams

by stark-ai-de · 3K installs

The skill

The draw.io diagrams skill creates, edits, reviews and exports editable .drawio files such as architecture, flow, sequence and network diagrams, with design profiles, official icons, validators and light and dark support.

Only when you ask.

The habit

Diagrams stay valid and readable.

↻ Runs by itselfPR changes drawio files

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

PR changes drawio files. Runs in GitHub Actions or Claude Code routine.

  • ↻ PR changes drawio files
  • pull_request.opened or synchronize, *.drawio

02

It checks its work

validators report no errors. If a check fails, it tells you.

  • ✓scripts/preflight-drawio-xml.mjs passes
  • ✓scripts/validate_drawio.py reports no ERROR
  • ✓scripts/validate-drawio-diagram-rules.mjs reports no ERROR
  • ✓every WARN is listed with a reason

03

It remembers

diagram review log. The next run reads it first: warnings seen in earlier reviews per diagram.

loops/drawio-diagram-review-loop/log.md

One run, step by step.
Then it stops.

Stop ruleStops after 10 diagrams per run.

  1. 01

    Select review

    The agent announces the review workflow, which is strictly read-only.

  2. 02

    Build semantic model

    It reads each changed .drawio file and maps nodes, edges and labels.

  3. 03

    Run validators

    It runs preflight-drawio-xml.mjs, validate_drawio.py and validate-drawio-diagram-rules.mjs.

  4. 04

    Review readability

    It checks routing, floating edges, icon coverage and light and dark contrast.

  5. 05

    Report findings

    Findings and the suggested follow-up workflow go into a review comment and the log, with no fixes made.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Draw.io Diagrams skill helps.

Use it when

  • ✓ you need an editable architecture diagram
  • ✓ a .drawio file needs repair
  • ✓ you want a diagram review

Skip it when

  • – you need data charts
  • – you want artistic images

Questions

Draw.io Diagrams skill, answered.

Will it fix my diagram?

Not in this loop. Review is read-only; you can run edit-repair yourself afterwards.

Does it need draw.io installed?

No. The validators are scripts; rendering needs the draw.io CLI and is not part of review.

How do I install the Draw.io Diagrams skill?

Copy the prompt at the top into your agent. It installs the skill from stark-ai-de/agent-skills and sets up the habit. Or run npx skills add stark-ai-de/agent-skills --skill drawio-diagrams.

Is the Draw.io Diagrams skill free?

Yes. It is published under Apache-2.0. Habit is free too.

Draw.io Diagrams. Now as a habit.

Install the Draw.io Diagrams skill and make it a habit: follow https://gethabit.dev/skills/stark-ai-de/drawio-diagrams.md

  • Free
  • No account
  • Undo in one line

All stark-ai-de skills →More docs skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by stark-ai-de, published under Apache-2.0. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.