Design tool

draw.io agent skills for Claude Code, Codex and other agents.

Free diagramming tool, also known as diagrams.net, for flowcharts, UML and network diagrams.
skills
87
official
10
Type
Design tool
Website
drawio.com
Official GitHub
jgraph
Reviews
See draw.io on Enlisted

draw.io skills, ranked

Ranked by score. Sort bymost stars,trending,newest,recently updated

Official (10 skills)

Official draw.io skills
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

Generates, edits and validates draw.io files with correct mxGraph XML, covering flowcharts, architecture, sequence, ER and UML class diagrams.

github/awesome-copilot40k1 repo~4.9kAutomated safety check: PassMITtoday
2

Reverse-engineer a live Azure scope (resource group or filtered subscription) into a professional Draw.io architecture diagram following established AzVerify conventions.

Azure/AZVerify101—~5.7kAutomated safety check: PassMIT1 mo ago
3

Compare Bicep templates against a Draw.io Azure architecture diagram to detect resource-level divergence.

Azure/AZVerify101—~2.9kAutomated safety check: PassMIT1 mo ago
4

Compare a Draw.io Azure architecture diagram against a live Azure environment to detect drift.

Azure/AZVerify101—~3.7kAutomated safety check: PassMIT1 mo ago
5

Deep-compare a Draw.io Azure architecture diagram against a live Azure environment — checks both resource existence AND every tracked configuration property (SKU, size, settings, etc.) against…

Azure/AZVerify101—~3.9kAutomated safety check: PassMIT1 mo ago
6
6.DrawioOfficial

Generate draw.io diagrams as .drawio files and export to PNG/SVG/PDF with embedded XML

github/awesome-copilot40k1 repo~805Automated safety check: PassMITtoday
7

Generate validated AWS architecture diagrams as draw.io XML using official AWS4 icon libraries.

awslabs/agent-plugins912—~3.8kAutomated safety check: NotesApache-2.0yesterday
8

Convert a rough sketch or drawing of an Azure architecture into a professional Draw.io diagram using Azure-specific shapes.

Azure/AZVerify101—~3.5kAutomated safety check: PassMIT1 mo ago
9

Generate D2 database diagrams from Entity Framework Core models.

github/awesome-copilot40k—~2.3kAutomated safety check: PassMITtoday
10

Generate deployment-ready Bicep templates and PowerShell scripts from an approved Draw.io Azure architecture diagram.

Azure/AZVerify101—~3.1kAutomated safety check: WarnMIT1 mo ago

Community

Community draw.io skills
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
11

Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.

cathrynlavery/diagram-design44k1 repo~7.5kAutomated safety check: PassMITtoday
12

Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.

Agents365-ai/drawio-skill10k—~2.4kAutomated safety check: NotesMIT5 days ago
13

Rebuilds a reference diagram image as an editable, high-fidelity Draw.io file, mixing native elements, SVG icons and cropped PNGs, with a batch workflow for a folder of images.

HKUSTDial/Supervisor-Skills8.4k—~5.4kAutomated safety check: PassMIT1 mo ago
14

制作与修改可编辑的 draw.io / diagrams.net 示意图(.drawio XML),产出 .drawio + PNG/PDF。三条路径:套用内置模板(五带技术路线图、三栏研究框架图、三栏阶段流程图、横版任务流水线图)、从零手写…

jihe520/sci-box2481 repo~983Automated safety check: NotesNo licence1 mo ago
15

Create text-driven visuals in Markdown: charts, diagrams, cards, architecture and page layouts.

markdown-viewer/skills3.4k—~3.3kAutomated safety check: PassCC-BY-4.0yesterday
16

Standardizes, drafts, revises, checks and packages Chinese undergraduate theses from school templates, source code and literature, with evidence traceability and DOCX output.

ZyhSechub/chinese-thesis-workbench-skill576—~2.9kAutomated safety check: PassMIT5 mo ago
17

Create, edit, replicate, and iteratively refine editable research and technical diagrams in diagrams.net/draw.io (.drawio XML) from prompts, papers, repositories, screenshots, or existing diagrams.

Will-hxw/drawio-diagram-builder412—~5.9kAutomated safety check: PassMIT3 mo ago
18

Create camera-ready, editable draw.io figures from papers, method descriptions, code, or reference images.

M1n-n9/academic-figures-drawer217—~3.3kAutomated safety check: PassNo licence1 mo ago
19

A skill your agent uses when the user wants a Chen-model ER diagram from SQL CREATE TABLE statements or DBML, wants to rearrange or clean up an existing sql2er state, wants a skeleton-only overview…

ystemsrx/sql_to_ER188—~1.1kAutomated safety check: PassAGPL-3.06 days ago
20

A skill your agent uses when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, SysML / MBSE diagrams (block definition, internal block…

yuanchen-home/cumcm-step-review319—~11kAutomated safety check: PassMIT1 mo ago
21

Create, edit, replicate, import, and export draw.io diagrams with an offline YAML-first workflow: architecture, network topologies, flowcharts, UML/ER, org charts, Mermaid/CSV conversion, existing…

bahayonghang/drawio-skills286—~4.1kAutomated safety check: NotesMIT29 days ago
22

A skill your agent uses when user requests diagrams, flowcharts, architecture charts, or visualizations.

ranxi2001/zero2Agent677—~6.6kAutomated safety check: PassMITtoday
23

Inspect SonarQube Cloud/SonarCloud findings for this repository using local .env credentials.

hbmartin/graphviz2drawio275—~508Automated safety check: NotesGPL-3.02 mo ago
24

A skill your agent uses when the user asks for an AWS architecture diagram — VPC/networking, event-driven, landing zone, multi-AZ, serverless pipeline, or any diagram built with AWS service icons.

sparklabx/drawio-ai-kit652—~1.6kAutomated safety check: PassMIT5 days ago
25

Builds hand-editable SVG diagrams from computed layout coordinates, lints the source and renders a 2x PNG, with rules for when mermaid is the better choice.

modu-ai/moai-adk1.2k—~5.2kAutomated safety check: NotesApache-2.0today
26

根据论文或汇报内容生成多页 Draw.io 格式 PPT,支持论文答辩与通用汇报两种模式,自动导出为 .pptx。当用户提到论文答辩 PPT、答辩幻灯片、通用 PPT、汇报 PPT、根据模板生成 PPT、drawio2pptx 时使用。

xstongxue/best-skills2.9k—~2.1kAutomated safety check: PassApache-2.024 days ago
27

A skill your agent uses when the user wants to create any diagram: flowchart, architecture, UML (sequence/class), ER, mindmap, network topology, or any visual diagram.

bruc3van/bruce-drawio106—~5.8kAutomated safety check: PassMIT1 mo ago
28

Draw.io 配图专家:用于生成和导出 .drawio 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图,或明确提到 .drawio、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格,并遵循 floracat-architecture-diagram 的视觉规范。

Snailclimb/AIGuide667—~687Automated safety check: PassNo licence3 mo ago
29

A skill your agent uses when the user asks for an Azure architecture diagram — VNet/networking, App Service, AKS, landing zone, multi-region, or any diagram built with Azure service icons.

sparklabx/drawio-ai-kit652—~1.6kAutomated safety check: PassMIT5 days ago
30

规划、生成、修改和检查数学建模与科研图表;包含143个完整源码配方、3套组合模板、统一配色和来源差异工具,以及Draw.io/TikZ、HTML/Mermaid和科学场景插图。

yjz211/vivid-figures-skill439—~395Automated safety check: PassProprietary20 days ago
31

数学建模国赛(CUMCM/全国大学生数学建模竞赛)分步审核工作流。当用户要求做数学建模国赛题目、完整建模、建模分析、代码求解、结果可视化、生成数学建模论文、写 AI 工具使用声明/AI 使用报告时使用,且需要分步推进、先审核思路与算法再写代码、每个部分写入论文草稿供审核。按'问题重述→数据预处理→逐问建模与求解→模型分析与检验→模型评价与推广→参考文献→附录→问题分析→模型假设→符号说明→摘要'…

yuanchen-home/cumcm-step-review319—~2.3kAutomated safety check: PassMIT1 mo ago
32

Always use when user asks to create, generate, or build an AWS architecture diagram, cloud infrastructure diagram, or system diagram with AWS services.

vidanov/aws-architecture-diagram-skill159—~4.4kAutomated safety check: PassMIT2 days ago
33

Entry point for a math modeling competition project: asks about preferences, writes plan.md and todo.md, then calls stage skills for analysis, code, diagrams, paper and verification.

jihe520/MathModelAgent6.2k—~918Automated safety check: NotesNo licence4 days ago
34

A skill your agent uses when the user asks for a BPMN diagram, swimlane diagram, business process map, or workflow diagram with roles/lanes and phases.

sparklabx/drawio-ai-kit652—~1.7kAutomated safety check: PassMIT5 days ago
35

Publication-figure overlay for draw.io. An agent skill from bahayonghang/drawio-skills.

bahayonghang/drawio-skills286—~3.2kAutomated safety check: NotesMIT29 days ago
36

Visually verify graphviz2drawio conversion fidelity by rendering a graphviz source side-by-side as a native graphviz PNG and a converted draw.io PNG, then reading both images to compare.

hbmartin/graphviz2drawio275—~1.2kAutomated safety check: PassGPL-3.02 mo ago
37

Generate AWS architecture diagrams in draw.io format. An agent skill from vidanov/aws-architecture-diagram-skill.

vidanov/aws-architecture-diagram-skill159—~4.9kAutomated safety check: PassMIT2 days ago
38

生成学术论文配图:LaTeX/TikZ 代码(结构化图表,直接嵌入论文)或 draw.io XML (技术路线图、汇报配图)。自动按论文领域风格设计,编译验证后交付。

0xE1337/thesis-figure-skill142—~9.1kAutomated safety check: PassMIT2 mo ago
39

A skill your agent uses when the user asks for a Databricks lakehouse architecture diagram — medallion architecture (Bronze/Silver/Gold), Delta Lake, Unity Catalog, workspace deployment…

sparklabx/drawio-ai-kit652—~1.6kAutomated safety check: PassMIT5 days ago
40

Visually verify graphviz2drawio conversion fidelity by rendering a Graphviz source as both native Graphviz PNG and converted draw.io PNG, then inspecting the images.

hbmartin/graphviz2drawio275—~1.2kAutomated safety check: PassGPL-3.02 mo ago
41

Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel…

kdlbs/kandev9031 repo~8kAutomated safety check: PassMITtoday
42

为深度学习模型、网络架构、算法流程等生成标准 Draw.io (.drawio) 格式的可视化图表;支持从零生成与风格迁移两种模式。从零生成:模型架构图、流程图、感受野示意图等;风格迁移:参考图 + 内容描述/项目 → 按参考图风格生成新图。确保 XML 格式正确,可直接在 Draw.io 中打开编辑。

xstongxue/best-skills2.9k—~487Automated safety check: PassApache-2.024 days ago
43

Creates and edits AWS architecture diagrams as DrawIO XML, converting a text description or an image and reading existing files back into shapes.

a5c-ai/babysitter1.8k—~4.2kAutomated safety check: PassMIT20 days ago
44

A skill your agent uses when the user asks for a GCP or Google Cloud architecture diagram — VPC/networking, GKE, Cloud Run, landing zone, multi-region, or any diagram built with GCP service icons.

sparklabx/drawio-ai-kit652—~1.6kAutomated safety check: PassMIT5 days ago
45

在 zero2Agent 项目中创建新的学习文章。当用户说"写一篇新文章"、"创建文章"、"新建文章"、"在某模块下添加一篇关于X的文章"、"帮我起草一篇讲XX的内容"、"整理面经"时触发。适用于所有模块下新建内容,包括面试维度拆解文章和面经实录。即使用户没有明确说"文章",只要涉及给 zero2Agent 项目增加教学内容,也应当触发此技能。

ranxi2001/zero2Agent677—~693Automated safety check: PassMITtoday
46

Creates DrawIO XML diagrams of Google Cloud architectures from text or images, and analyzes existing .drawio files to list their GCP components.

a5c-ai/babysitter1.8k—~3.7kAutomated safety check: PassMIT20 days ago
47

当用户明确要求"生成 NSFC 技术路线图/技术路线图绘制/roadmap/flowchart"或需要把标书研究内容转成"可打印、A4 可读"的技术路线图时使用。默认输出可编辑源文件(.drawio)与可嵌入文档的渲染结果(.svg/.png/.pdf);当用户主动提及 Nano Banana/Gemini 图片模型时,可切换为 PNG-only 模式。⚠️…

InternScience/DrClaw172—~2.5kAutomated safety check: NotesNo licence6 mo ago
48

Pipeline stage that draws non-data diagrams for a mathematical modeling paper in DrawIO and exports them as PDFs, in Chinese.

jihe520/MathModelAgent6.2k—~881Automated safety check: NotesNo licence4 days ago

Questions, answered from the data.

What is the best draw.io skill?

Draw.io Diagram Generator (official) from github/awesome-copilot ranks first of the 87 draw.io skills listed here, with the highest score: its repository has 40k GitHub stars, 1 other GitHub owner carry a copy, its SKILL.md loads about 4.9k tokens and it passes the automated safety check with no findings. Next come Azv Azure To Diagram and Azv Bicep Diagram Sync.

Is there an official draw.io skill?

10 of the 87 draw.io skills are official, published by the vendor's own GitHub organization: Draw.io Diagram Generator, Azv Azure To Diagram, Azv Bicep Diagram Sync, Azv Diagram Azure Sync, Azv Diagram Azure Sync Deep and 5 more.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.