Design tool
draw.io agent skills for Claude Code, Codex and other agents.
- 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)
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Generates, edits and validates draw.io files with correct mxGraph XML, covering flowcharts, architecture, sequence, ER and UML class diagrams. | github/ | 40k | 1 repo | ~4.9k | Automated safety check: Pass | MIT | today |
| 2 | Reverse-engineer a live Azure scope (resource group or filtered subscription) into a professional Draw.io architecture diagram following established AzVerify conventions. | Azure/ | 101 | — | ~5.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 3 | Compare Bicep templates against a Draw.io Azure architecture diagram to detect resource-level divergence. | Azure/ | 101 | — | ~2.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 4 | Compare a Draw.io Azure architecture diagram against a live Azure environment to detect drift. | Azure/ | 101 | — | ~3.7k | Automated safety check: Pass | MIT | 1 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/ | 101 | — | ~3.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 6 | Generate draw.io diagrams as .drawio files and export to PNG/SVG/PDF with embedded XML | github/ | 40k | 1 repo | ~805 | Automated safety check: Pass | MIT | today |
| 7 | Generate validated AWS architecture diagrams as draw.io XML using official AWS4 icon libraries. | awslabs/ | 912 | — | ~3.8k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 8 | Convert a rough sketch or drawing of an Azure architecture into a professional Draw.io diagram using Azure-specific shapes. | Azure/ | 101 | — | ~3.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 9 | Generate D2 database diagrams from Entity Framework Core models. | github/ | 40k | — | ~2.3k | Automated safety check: Pass | MIT | today |
| 10 | Generate deployment-ready Bicep templates and PowerShell scripts from an approved Draw.io Azure architecture diagram. | Azure/ | 101 | — | ~3.1k | Automated safety check: Warn | MIT | 1 mo ago |
Community
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 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/ | 44k | 1 repo | ~7.5k | Automated safety check: Pass | MIT | today |
| 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/ | 10k | — | ~2.4k | Automated safety check: Notes | MIT | 5 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/ | 8.4k | — | ~5.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 14 | 制作与修改可编辑的 draw.io / diagrams.net 示意图(.drawio XML),产出 .drawio + PNG/PDF。三条路径:套用内置模板(五带技术路线图、三栏研究框架图、三栏阶段流程图、横版任务流水线图)、从零手写… | jihe520/ | 248 | 1 repo | ~983 | Automated safety check: Notes | No licence | 1 mo ago |
| 15 | Create text-driven visuals in Markdown: charts, diagrams, cards, architecture and page layouts. | markdown-viewer/ | 3.4k | — | ~3.3k | Automated safety check: Pass | CC-BY-4.0 | yesterday |
| 16 | Standardizes, drafts, revises, checks and packages Chinese undergraduate theses from school templates, source code and literature, with evidence traceability and DOCX output. | ZyhSechub/ | 576 | — | ~2.9k | Automated safety check: Pass | MIT | 5 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/ | 412 | — | ~5.9k | Automated safety check: Pass | MIT | 3 mo ago |
| 18 | Create camera-ready, editable draw.io figures from papers, method descriptions, code, or reference images. | M1n-n9/ | 217 | — | ~3.3k | Automated safety check: Pass | No licence | 1 mo ago |
| 19 | 19.Sql2er 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/ | 188 | — | ~1.1k | Automated safety check: Pass | AGPL-3.0 | 6 days ago |
| 20 | 20.Drawio Skill 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/ | 319 | — | ~11k | Automated safety check: Pass | MIT | 1 mo ago |
| 21 | 21.Drawio 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/ | 286 | — | ~4.1k | Automated safety check: Notes | MIT | 29 days ago |
| 22 | 22.Drawio Skill A skill your agent uses when user requests diagrams, flowcharts, architecture charts, or visualizations. | ranxi2001/ | 677 | — | ~6.6k | Automated safety check: Pass | MIT | today |
| 23 | Inspect SonarQube Cloud/SonarCloud findings for this repository using local .env credentials. | hbmartin/ | 275 | — | ~508 | Automated safety check: Notes | GPL-3.0 | 2 mo ago |
| 24 | 24.Drawio AWS 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/ | 652 | — | ~1.6k | Automated safety check: Pass | MIT | 5 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/ | 1.2k | — | ~5.2k | Automated safety check: Notes | Apache-2.0 | today |
| 26 | 根据论文或汇报内容生成多页 Draw.io 格式 PPT,支持论文答辩与通用汇报两种模式,自动导出为 .pptx。当用户提到论文答辩 PPT、答辩幻灯片、通用 PPT、汇报 PPT、根据模板生成 PPT、drawio2pptx 时使用。 | xstongxue/ | 2.9k | — | ~2.1k | Automated safety check: Pass | Apache-2.0 | 24 days ago |
| 27 | 27.Bruce Drawio 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/ | 106 | — | ~5.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 28 | 28.Drawio Chart Draw.io 配图专家:用于生成和导出 .drawio 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图,或明确提到 .drawio、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格,并遵循 floracat-architecture-diagram 的视觉规范。 | Snailclimb/ | 667 | — | ~687 | Automated safety check: Pass | No licence | 3 mo ago |
| 29 | 29.Drawio Azure 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/ | 652 | — | ~1.6k | Automated safety check: Pass | MIT | 5 days ago |
| 30 | 规划、生成、修改和检查数学建模与科研图表;包含143个完整源码配方、3套组合模板、统一配色和来源差异工具,以及Draw.io/TikZ、HTML/Mermaid和科学场景插图。 | yjz211/ | 439 | — | ~395 | Automated safety check: Pass | Proprietary | 20 days ago |
| 31 | 数学建模国赛(CUMCM/全国大学生数学建模竞赛)分步审核工作流。当用户要求做数学建模国赛题目、完整建模、建模分析、代码求解、结果可视化、生成数学建模论文、写 AI 工具使用声明/AI 使用报告时使用,且需要分步推进、先审核思路与算法再写代码、每个部分写入论文草稿供审核。按'问题重述→数据预处理→逐问建模与求解→模型分析与检验→模型评价与推广→参考文献→附录→问题分析→模型假设→符号说明→摘要'… | yuanchen-home/ | 319 | — | ~2.3k | Automated safety check: Pass | MIT | 1 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/ | 159 | — | ~4.4k | Automated safety check: Pass | MIT | 2 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/ | 6.2k | — | ~918 | Automated safety check: Notes | No licence | 4 days ago |
| 34 | 34.Drawio Bpmn 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/ | 652 | — | ~1.7k | Automated safety check: Pass | MIT | 5 days ago |
| 35 | Publication-figure overlay for draw.io. An agent skill from bahayonghang/drawio-skills. | bahayonghang/ | 286 | — | ~3.2k | Automated safety check: Notes | MIT | 29 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/ | 275 | — | ~1.2k | Automated safety check: Pass | GPL-3.0 | 2 mo ago |
| 37 | Generate AWS architecture diagrams in draw.io format. An agent skill from vidanov/aws-architecture-diagram-skill. | vidanov/ | 159 | — | ~4.9k | Automated safety check: Pass | MIT | 2 days ago |
| 38 | 生成学术论文配图:LaTeX/TikZ 代码(结构化图表,直接嵌入论文)或 draw.io XML (技术路线图、汇报配图)。自动按论文领域风格设计,编译验证后交付。 | 0xE1337/ | 142 | — | ~9.1k | Automated safety check: Pass | MIT | 2 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/ | 652 | — | ~1.6k | Automated safety check: Pass | MIT | 5 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/ | 275 | — | ~1.2k | Automated safety check: Pass | GPL-3.0 | 2 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/ | 903 | 1 repo | ~8k | Automated safety check: Pass | MIT | today |
| 42 | 为深度学习模型、网络架构、算法流程等生成标准 Draw.io (.drawio) 格式的可视化图表;支持从零生成与风格迁移两种模式。从零生成:模型架构图、流程图、感受野示意图等;风格迁移:参考图 + 内容描述/项目 → 按参考图风格生成新图。确保 XML 格式正确,可直接在 Draw.io 中打开编辑。 | xstongxue/ | 2.9k | — | ~487 | Automated safety check: Pass | Apache-2.0 | 24 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/ | 1.8k | — | ~4.2k | Automated safety check: Pass | MIT | 20 days ago |
| 44 | 44.Drawio GCP 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/ | 652 | — | ~1.6k | Automated safety check: Pass | MIT | 5 days ago |
| 45 | 45.New Article 在 zero2Agent 项目中创建新的学习文章。当用户说"写一篇新文章"、"创建文章"、"新建文章"、"在某模块下添加一篇关于X的文章"、"帮我起草一篇讲XX的内容"、"整理面经"时触发。适用于所有模块下新建内容,包括面试维度拆解文章和面经实录。即使用户没有明确说"文章",只要涉及给 zero2Agent 项目增加教学内容,也应当触发此技能。 | ranxi2001/ | 677 | — | ~693 | Automated safety check: Pass | MIT | today |
| 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/ | 1.8k | — | ~3.7k | Automated safety check: Pass | MIT | 20 days ago |
| 47 | 47.Nsfc Roadmap 当用户明确要求"生成 NSFC 技术路线图/技术路线图绘制/roadmap/flowchart"或需要把标书研究内容转成"可打印、A4 可读"的技术路线图时使用。默认输出可编辑源文件(.drawio)与可嵌入文档的渲染结果(.svg/.png/.pdf);当用户主动提及 Nano Banana/Gemini 图片模型时,可切换为 PNG-only 模式。⚠️… | InternScience/ | 172 | — | ~2.5k | Automated safety check: Notes | No licence | 6 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/ | 6.2k | — | ~881 | Automated safety check: Notes | No licence | 4 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.