draw-io
Create polished diagrams—flowcharts, organizational hierarchies, UML schematics, and network layouts—as draw.io-compatible XML files. The skill handles diagram structure, styling, and layout, then outputs files you can open directly in draw.io's desktop or web application.
draw-io generates professional diagrams in draw.io XML format for flowcharts, org charts, UML diagrams, and network topologies.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-03-18
draw-io generates professional diagrams in draw.io XML format for flowcharts, org charts, UML diagrams, and network topologies. Create polished diagrams—flowcharts, organizational hierarchies, UML schematics, and network layouts—as draw.io-compatible XML files. The skill handles diagram structure, styling, and layout, then outputs files you can open directly in draw.io's desktop or web application.
Use it when
- Yes.
- draw-io builds organizational hierarchies and company structure charts with proper styling and layout.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
malue-ai/dazee-small/draw-io · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What diagrams can draw-io generate?
draw-io creates professional diagrams including flowcharts, organizational hierarchies, UML schematics, network topologies, system architecture charts, and process visualizations. Each diagram is output as draw.io-compatible XML that opens directly in draw.io's desktop or web application for further editing.
Can I create a flowchart in draw.io format with this skill?
Yes. draw-io generates flowcharts as draw.io XML files, handling diagram structure, styling, and layout automatically. You can open the resulting file in draw.io's desktop or web app to view, edit, or export to other formats.
How does draw-io handle organizational structures?
draw-io builds organizational hierarchies and company structure charts with proper styling and layout. It outputs the hierarchy as draw.io XML, preserving relationships and visual formatting so you can immediately open and refine it in draw.io.
What output format does draw-io use for diagrams?
draw-io outputs all diagrams as draw.io-compatible XML files. This native format ensures seamless compatibility with draw.io's desktop and web applications, letting you open files directly without conversion or reformatting.
Can draw-io generate system architecture and UML diagrams?
draw-io creates system architecture diagrams, UML class diagrams, sequence diagrams, and network topology layouts as draw.io XML. The skill manages diagram structure and styling, producing files ready to open in draw.io for review or modification.
Is draw-io open source and what license does it use?
draw-io is released under the MIT license, making it free and open for both personal and commercial use with minimal restrictions.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
专业图表生成（draw.io）
生成专业级流程图、组织架构图、UML 图、网络拓扑图，输出 draw.io 兼容的 XML 文件。
使用场景
- 用户说「帮我画一个流程图」「画个组织架构图」「画个系统架构图」
- 用户需要正式文档中的专业图表
- 用户想可视化某个流程或结构
执行方式
生成 draw.io XML 格式文件，用户可直接用 draw.io（桌面版或在线版）打开编辑。
支持的图表类型
- 流程图：业务流程、审批流程、开发流程
- 组织架构图：公司/团队层级结构
- UML 图：类图、序列图、用例图
- 思维导图：主题发散、知识结构
- 网络拓扑图：系统架构、网络结构
- 甘特图/时间线：项目排期
XML 生成规范
```xml <?xml version="1.0" encoding="UTF-8"?> <mxfile> <diagram name="Page-1"> <mxGraphModel> <root> <mxCell id="0"/> <mxCell id="1" parent="0"/> <!-- 节点和连线 --> <mxCell id="2" value="开始" style="rounded=1;whiteSpace=wrap;" vertex="1" parent="1">
(truncated - see the full file via the links below)
File tree — 1 file
instances/xiaodazi/skills/draw-io/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Generate professional diagrams in draw.io XML format”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill transforms diagram requirements into draw.io XML, then exports the result as an image. It handles flowcharts, architecture layers, UML sequences and classes, entity-relationship diagrams, mindmaps, and network topologies—each with layout rules tuned for clarity and spacing.
Turn code into editable diagrams. This skill converts Mermaid, XML, or CSV into draw.io diagrams that open directly in your browser—perfect for flowcharts, architecture diagrams, org charts, UML, and any visual layout you need. Users get a clickable link to view and modify each diagram instantly.
draw-io handles diagram creation and editing through direct XML manipulation of .drawio files, with built-in PNG conversion at 2x resolution and transparent backgrounds. The skill includes layout adjustment via coordinate editing, font configuration for multi-language support, and access to official AWS icons for infrastructure diagrams. Design principles cover clarity, consistency, accessibility, and progressive disclosure across diagram types.
Create sketchy, approachable diagrams—flowcharts, mind maps, architecture visualizations—as Excalidraw JSON files ready to edit and share. Perfect for brainstorming, teaching, and informal presentations where a casual aesthetic beats formal precision.
Build flowcharts, swimlanes, BPMN diagrams, UML models, network topologies, org charts, and project management visuals through draw.io's MCP server. The skill generates mxGraphModel XML for instant browser preview and editing, supporting extensive diagram types from basic process flows to complex PERT charts and risk matrices.
Build logical flow diagrams, system architecture visualizations, BPMN process flows, UML diagrams, and data flow diagrams using draw.io's native XML format. The skill handles generic system representations—flowcharts, decision trees, sequence diagrams, and abstract architectures—without cloud-specific components.
More skills drawio (Apache-2.0) · drawio-diagram (Apache-2.0) · pptgen-drawio (Apache-2.0) · drawio-skill (MIT) · aws-drawio-architecture-diagrams (MIT) · Drawio (unlicensed)