Drawio Skill
在Claude中绘制专业图表的Skill
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Drawio Skill。 它的用途是：在Claude中绘制专业图表的Skill 完整的 Skill 内容见：https://321skill.com/skills/drawio-skill-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请帮我画一个电商系统订单处理的流程图，包含用户下单、支付、库存扣减、发货等步骤。”它会生成一个drawio格式的流程图，并提供预览链接，可下载后继续编辑。如果再要求“在图示中增加物流状态节点”，AI会更新图表并重新输出。
介绍
【解决什么问题】用户需要快速绘制流程图、架构图、UML图、ER图、SysML/MBSE图等专业图表时，无需切换绘图工具，直接在AI对话中通过自然语言描述即可生成可编辑的Drawio图表，显著提升技术文档编写、系统设计、方案汇报等场景的效率。
【怎么用】安装后，对AI说“画一个用户登录的时序图”或“帮我设计一个电商系统的架构图”，AI会调用Drawio Skill生成并返回drawio格式的图表文件（可预览或下载）。用户可进一步要求修改样式、添加元素或转换格式。
【适合谁】全栈开发、产品经理、文档工程师、架构师、学术研究者等需要频繁绘制图表来沟通设计思路、记录系统结构或撰写论文的群体。
【使用建议】对于复杂图表，建议先以文字描述清楚核心流程和关键元素，再逐步迭代细化；若需导出为图片或PDF，可在drawio编辑器中完成导出。注意本Skill输出的是Drawio原生格式（.drawio），需在支持该格式的软件中打开编辑。
核心特点
与通用绘图工具相比，Drawio Skill直接集成在AI对话中，无需离开当前环境，且支持UML、SysML、ER、流程图等丰富图表类型，通过自然语言描述即可生成，比手动拖拽绘图更高效，尤其适合快速原型和迭代修改。
注意事项
不适合需要高度定制化样式、复杂动画或像素级精度的图表，且输出格式为Drawio原生格式，需在支持drawio的软件中查看编辑。
常见问题
如何安装Drawio Skill？
通过MCP配置或执行 'npx @anthropic/drawio-skill' 命令安装，具体请参考仓库文档。
支持哪些图表类型？
支持流程图、架构图、UML序列图、类图、ER图、SysML/MBSE框图等，覆盖技术文档和系统设计常用图表。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/drawio-skill-x-3/raw/index.md 读取 Drawio Skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/drawio-skill-x-3/raw/index.md（查看排版版本）