Drawio Skill
用AI直接生成Drawio格式的各类图表
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Drawio Skill。 它的用途是：用AI直接生成Drawio格式的各类图表 完整的 Skill 内容见：https://321skill.com/skills/drawio-skill-x-4/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请用Drawio格式生成一个电商系统的架构图，包含前端、后端、数据库、缓存层、消息队列、CDN以及用户、订单、商品三个微服务，并用箭头标注数据流向。' 它会输出一段Drawio XML代码，复制后粘贴到Drawio中即可看到完整架构图，便于后续修改和导出。
介绍
Drawio Skill 解决了用户需要快速绘制专业图表但不想手动拖拽的痛点。无论是绘制架构图、流程图、UML图、ER图还是SysML/MBSE等复杂工程图表，只要提供需求描述，它就能自动生成对应的Drawio(XML)格式文件，可直接导入Drawio编辑器继续修改或使用。
使用方式非常简单：直接描述你想要的图表内容，比如“一个微服务架构图，包含API网关、服务注册中心、配置中心、多个业务服务”，AI就会输出一段XML代码，复制后粘贴到Drawio中即可看到完整图表。支持场景词汇中的各种图表类型，并自动适配层级关系和布局。
适合全栈开发者、系统架构师、产品经理、学术研究者等需要频繁绘制技术图表的用户。尤其适合在编写技术文档、设计系统方案、制作PPT演示时快速生成图表素材，节省大量手动绘图时间。
建议在描述图表时尽量明确拓扑关系、层级结构和需要的标注内容，这样生成的图表更符合预期。如果生成的布局不太满意，可以指示AI调整节点位置或添加连接线样式。注意：该Skill仅生成静态图表XML，不支持动态交互或实时数据绑定。
核心特点
与同类图表生成Skill（如Mermaid）相比，Drawio Skill直接输出Drawio原生XML格式，支持更丰富的专业图表类型（SysML/MBSE、UML细分图等），且与Drawio编辑器无缝衔接，便于后续手动微调。
注意事项
不适合生成需要动态数据驱动或复杂交互的图表，也无法处理已存在的Drawio文件进行增量修改。
常见问题
能生成思维导图吗？
可以，Drawio支持思维导图，通过描述主题和子节点即可生成对应XML。
生成的图表可以直接在Drawio中编辑吗？
可以，将输出的XML代码复制后，在Drawio中点击「文件」→「打开」→「从文本」，粘贴即可导入编辑。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/drawio-skill-x-4/raw/index.md 读取 Drawio Skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/drawio-skill-x-4/raw/index.md（查看排版版本）