Drawio Skill
基于Drawio的AI绘图助手，快速生成各类技术图表。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Drawio Skill。 它的用途是：基于Drawio的AI绘图助手，快速生成各类技术图表。 完整的 Skill 内容见：https://321skill.com/skills/drawio-skill-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我画一个微服务电商平台的架构图，包括API网关、用户服务、订单服务、商品服务和数据库，并标明它们之间的调用关系。”，它会生成对应的Drawio XML代码。你将代码导入Drawio，即可获得一个结构清晰的架构图初稿，可在此基础上进一步调整样式和细节。
介绍
当用户需要绘制技术图表时，Drawio Skill可以快速响应。无论是系统架构图、流程图、UML类图还是ER图，它都能理解你的需求并生成对应的Drawio图表代码，省去手动拖拽组件和排版的繁琐过程。
使用方式非常直接：在支持该Skill的AI平台（如Claude Desktop）中，直接向AI描述你想要绘制的图表类型、内容和结构。AI会生成对应的Drawio XML代码，你可以将其复制到Drawio编辑器（桌面版或在线版）中直接打开，获得一个结构清晰、布局合理的初版图表。
该Skill特别适合需要频繁绘制或修改技术图表的开发人员、架构师、产品经理和学术研究者。对于前端、后端、全栈开发者，在编写技术文档、设计系统架构或进行方案评审时，它能极大提升绘图效率。
建议在描述图表需求时尽可能清晰，包括组件名称、关系、层级等信息。虽然AI能生成基础布局，但复杂的审美调整或特定公司规范可能仍需在Drawio编辑器中进行微调。生成的代码兼容主流Drawio版本。
核心特点
专注于生成可直接在Drawio中打开和编辑的标准XML代码，而非图片或抽象描述，确保了图表的可二次编辑性和专业性。
注意事项
不适合需要高度定制化视觉风格或非技术类创意绘图（如插画、海报）的场景。
常见问题
生成的图表代码怎么用？
复制生成的XML代码，在Drawio中选择“文件”->“从XML导入”即可打开编辑。
支持哪些类型的图表？
支持流程图、架构图、UML（序列图、类图等）、ER图、SysML/MBSE框图等多种技术图表。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/drawio-skill-x-7/raw/index.md 读取 Drawio Skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/drawio-skill-x-7/raw/index.md（查看排版版本）