ArchestackBest of Vibe Coding: List on GitHub ↗ (opens in a new tab)

#7474th of 85 in Skills, plugins and rules

drawio-skill

Agent skill that generates and syncs editable draw.io diagrams from prompts and code

Documentation ↗ (opens in a new tab)Repository on GitHub ↗ (opens in a new tab)
Stars
10k
License
MIT
Last commit
Oct 2026
Last release
Sep 2026
Language
Python

Missed the latest GitHub check; these facts may be older.

Overview

An Agent Skills package for Claude Code, Cursor, Copilot, Codex and similar agents. It writes .drawio XML from natural language, Mermaid, images, Terraform, Kubernetes, SQL DDL, OpenAPI and code import graphs, then exports through the draw.io desktop CLI and checks the rendered PNG. A diagramctl CLI adds sync that keeps manual layout, architecture rule checks for CI, and an optional MCP server.

Who it is for: Engineers using coding agents to diagram code and infrastructure

Strengths

  • 16 importers, including Terraform, Kubernetes, SQL DDL, OpenAPI and Python/JS/Go/Rust import graphs
  • Sync updates changed nodes while preserving manually tuned coordinates and styles
  • Resolves 10,000+ official draw.io shapes and 321 AI/LLM logos instead of guessed styles
  • Core workflows are stdlib-only and offline; architecture rules run in CI via a GitHub Action

Weaknesses

  • Requires the draw.io desktop CLI; version 30 or later needed for Mermaid and ELK layout
  • Auto-layout needs Graphviz; headless Linux export needs xvfb
  • AI logos load from the unpkg CDN by default, so rendering needs network unless embedded
  • Many scripts and flags make it harder to learn than a plain diagram prompt

What it needs

  • no GPU
  • Needs draw.io desktop CLI, Graphviz (optional), xvfb (Linux headless), Python 3
  • Models: Claude Code, Cursor, Copilot, Codex, OpenClaw

Also in Skills, plugins and rules

See all 85
Also in Skills, plugins and rules
RankProjectScore
1skillsAgent skills for planning, TDD, debugging and code review291.3k starsMIT94 out of 100
2eccAgents, skills, hooks and rules bundle for Claude Code, Codex and other harnesses279.5k starsMIT94 out of 100
3cavemanCuts token use in coding agents with terse replies and compressed inputs Live demo ↗ (opens in a new tab)111.9k starsApache-2.094 out of 100
#4ponytailSkill prompt that makes coding agents write less code and add tests163.6k starsMIT92 out of 100
#5impeccableDesign skill with 24 commands and a detector for AI-generated frontends Live demo ↗ (opens in a new tab)81.2k starsApache-2.092 out of 100