Twitter/X

drawio-skill converts raw codebases into clean, routed draw.io diagrams inside…

Brief

drawio-skill converts raw codebases into clean, routed draw.io diagrams inside Claude Code, Cursor, or Copilot. It supports Python, JS/TS, Go, and Rust, uses Graphviz for layout, removes redundant edges, and builds native draw.io files. The agent visually inspects PNG output and performs up to five auto-fix iterations, runs from a single file, and is fully open-source.

Source evidence

MANUALLY DRAGGING BOXES FOR ARCHITECTURE DIAGRAMS IS FINALLY DEAD

There is a new open-source agent skill that turns raw codebases into cleanly routed draw.io diagrams without you placing a single coordinate.

The project, drawio-skill, runs directly inside Claude Code, Cursor, or Copilot.

Instead of opening a blank canvas, you just ask your agent to map the repo.

Here is what it actually does:
→ Extracts the module structure (supports Python, JS/TS, Go, Rust)
→ Uses Graphviz for auto-layout and routing
→ Drops redundant edges so the graph stays readable
→ Builds native, editable draw.io files

But the standout feature is visual self-checking.

Once it generates the diagram, the agent "looks" at the resulting PNG. If it sees stacked edges or clipped text, it auto-fixes the layout across up to 5 iterative rounds.

It runs from a single file. No MCP server. No background daemon.

Best part?

It's 100% free and open-source.

repo link in 🧵↓