Leaderboard/Diagramming/drawio-skill
Last commit on September 14, 2026·Created on March 3, 2026

Agents365-ai/drawio-skill

Turns architecture sources into editable draw.io diagrams that stay reviewable.
Combined rank
#54
across all skills
In Diagramming
#3
category rank
Stars
9.5k
+2.2% in last 7d
Forks
668
+2.1% in last 7d
Watchers
28
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

Draw.io Architecture Studio creates and maintains editable diagrams for architecture, ERD, UML, C4, SysML, BPMN, network, and infrastructure work. Its shared Diagram IR can build views from Terraform, Kubernetes, SQL, OpenAPI, AsyncAPI, and Protobuf sources, then support synchronization, queries, policy tests, reviews, and accessible publishing.

WHO IT'S FOR
Cloud / Infrastructure Engineers
convert Terraform and K8s code into diagrams
Backend / API Architects
visualize OpenAPI, AsyncAPI and GraphQL schemas
Systems Architects
create C4, SysML and UML diagrams
Database Engineers
generate ERDs from SQL sources
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

I’m using

Global install for compatible agents

Installs: Global installation of the drawio-skill repository · Claude Code, Cursor, Copilot, OpenClaw, Codex, Autohand Code, Hermes, Agent Skills-compatible agents

Before you start
  • Python 3
  • draw.io desktop app if native diagram export is required

Platform: macOS, Linux, or Windows

  1. Run this terminal command to install the skill globally for a compatible agent.

    npx skills add Agents365-ai/drawio-skill -g
skills/drawio-skill/SKILL.md · Checked Sep 18, 2026README.md · Checked Sep 18, 2026.codex-plugin/plugin.json · Checked Sep 18, 2026

Give it something to do.

Suggested first task

Create an editable Transformer architecture diagram

Uses drawio-skill

Use drawio-skill to draw a Transformer encoder-decoder for machine translation: a 6-layer encoder with self-attention, a 6-layer decoder with cross-attention, input embeddings (batch × 512 × 768), positional encoding, and a final output projection. Annotate tensor shapes between layers and color-code components by layer type. Produce an editable .drawio file.
skills/drawio-skill/SKILL.md · Checked Sep 18, 2026README.md · Checked Sep 18, 2026