Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

AI Tool

drawio-skill

An agent skill that turns text, code and infrastructure sources into editable draw.io architecture diagrams.

Visit drawio-skill4.3

  • Rating

    4.3 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Cross-Platform

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is drawio-skill?

drawio-skill is an agent skill that turns natural language, code, Terraform and Kubernetes files, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL into editable, tested draw.io architecture diagrams. It supports incremental sync, multi-view projection, drift diffs, CI architecture tests and exports to interactive HTML, PPTX and Mermaid.

Third-party open-source projects. We are not affiliated with their authors; repositories are provided as-is by their maintainers. Review each project's license, code and security before installing. See our Disclaimer.

Pros: what drawio-skill does well

  • Generates editable diagrams from real code and config
  • Keeps diagrams in sync and flags drift
  • MIT licensed with 9,800+ stars

Cons: where it falls short

  • Needs an agent that supports skills
  • Large diagrams still need a human review

Who drawio-skill is for

Developers and architects who want diagrams generated from their actual systems.

Who can skip it

People who only draw the occasional simple diagram.

What people use drawio-skill for

  • Asking a coding agent for an editable architecture, ERD, sequence or flowchart diagram in plain English
  • Turning Terraform, Kubernetes, docker-compose, SQL or OpenAPI files into a draw.io diagram
  • Converting Mermaid diagrams into native, editable draw.io files
  • Exporting diagrams to PNG, SVG, PDF, an interactive HTML viewer or a PowerPoint deck

How to get started

  1. 1Install the draw.io desktop app, which provides the CLI (version 30 or later is recommended), and check it with drawio --version.
  2. 2Install the skill for any agent with npx skills add Agents365-ai/drawio-skill -g.
  3. 3Optionally install Graphviz for auto-layout, or Xvfb for headless Linux.
  4. 4Ask Claude Code, Cursor, Codex or another skills-compatible agent to draw your diagram.

drawio-skill pricing

drawio-skill is free and open source under the MIT licence, and draw.io desktop is free too. You only pay for the coding agent you already use. See current prices on drawio-skill's site

Checked 2026-11-06. Prices change, so double-check before you pay.

drawio-skill FAQ: quick answers

Do I need draw.io installed?
Yes. The skill uses the draw.io desktop CLI to validate and export diagrams, and the README recommends version 30 or later for Mermaid conversion and auto-layout.
Which agents does drawio-skill work with?
Claude Code, Cursor, Copilot, Codex and other agents that support the Agent Skills format.

drawio-skill alternatives

Not sold on drawio-skill? These do a similar job, and each card says what it has in common.

All AI Productivity resources

Archify

Focus: claude code, ai agents and technical documentation. Shares diagrams and architecture with drawio-skill. Adds Web. Same 4.3 rating.

AI ToolFreeWeb
4.3Visit

ccmux

Focus: tmux, coding agents and terminal. Also in AI Productivity and Workflows, like drawio-skill. Adds macOS and Linux. Rated 4.4 (drawio-skill: 4.3).

AI ToolFreemacOS, Linux
4.4Visit

Noodle

Focus: ai agents, workspace and open source. Also in AI Productivity and Workflows, like drawio-skill. Adds Web. Rated 4.4 (drawio-skill: 4.3).

AI ToolFreeWeb
4.4Visit

agent-deck

Focus: terminal, tui and ai agents. Also in AI Productivity and Workflows, like drawio-skill. A desktop app, not an AI tool. Adds macOS, Linux and Windows. Rated 4.4 (drawio-skill: 4.3).

Desktop AppFreemacOS, Linux
4.4Visit

DreamGraph

Focus: knowledge graph, mcp and vs code. Shares architecture with drawio-skill. Same 4.3 rating.

AI ToolFreeCross-Platform
4.3Visit

Free alternatives to drawio-skill

Want to spend nothing? These free picks cover similar ground.

Ponytail

Focus: coding agents, simplicity and claude code. Shares agent skill with drawio-skill. Same 4.3 rating.

AI ToolFreeCross-Platform
4.3Visit

draw.io

Focus: flowcharts, uml and open source. Shares diagrams with drawio-skill. A web app, not an AI tool. Adds Web, Windows and macOS. Rated 4.7 (drawio-skill: 4.3).

Web AppFreeWeb, Windows
4.7Visit

Whiteboard

Focus: software design, code review and claude code. Shares diagrams with drawio-skill. A desktop app, not an AI tool. Adds macOS, Windows and Linux. Rated 4.5 (drawio-skill: 4.3).

Desktop AppFreemacOS, Windows
4.5Visit

Excalidraw CLI

Focus: excalidraw, cli and ai agents. Shares diagrams with drawio-skill. A framework, not an AI tool. Adds macOS, Windows and Linux. Rated 4.4 (drawio-skill: 4.3).

FrameworkFreemacOS, Windows
4.4Visit

Claude Code Game Studios

Focus: claude code, game development and ai agents. Also in AI Productivity and Workflows, like drawio-skill. Adds macOS, Windows and Linux. Rated 4.8 (drawio-skill: 4.3).

AI ToolFreemacOS, Windows
4.8Visit
Are you the maker of drawio-skill?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

New · updated daily

What people are actually doing with AI

Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.

Browse AI use cases

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.