用途:根据 XML、CSV 或 Mermaid 内容生成图表,并在 Draw.io 编辑器中打开。
主要能力:提供三个命令。open-drawio-mermaid 接受 Mermaid.js 语法,支持 flowchart、sequence、class、state、ER、gantt、pie、journey,适合快速绘制流程图、时序图、类图等;open-drawio-csv 接受带 draw.io 指令的 CSV,适合从表格数据生成组织架构图与层级图;open-drawio-xml 接受 Draw.io XML(mxGraph 格式),可精确控制布局、样式与自定义形状。
使用方式:CLI 位于 {SKILL_DIR}/scripts/drawio-cli.js,执行 node {SKILL_DIR}/scripts/drawio-cli.js <command> --content "<content>"。可选参数包括 --lightbox true(只读视图)、--dark auto|true|false(深色模式,默认 auto)、--timeout <ms>(默认 30000)。XML 样式可参考 references/xml-styles.md。
限制与注意:XML 注释中不可使用双连字符 --,否则解析器会出错;样式通过 style 属性以分号分隔控制,坐标由 mxGeometry 的 x、y、width、height 指定。若 CLI 启动失败,需确认 npx @drawio/mcp 是否存在;超时可增大 --timeout;XML 解析错误时检查注释中是否含 --。
适用场景:架构图、流程图、时序图、ER 图、组织架构图等。