用途
该技能在用户要求“创建图表”“制作流程图”“生成 .drawio 文件”“draw.io 图”“diagrams.net”等请求时使用,目标是产出生产可用的 .drawio 文件,具备正确的 XML 结构、样式与布局。DrawIO(diagrams.net)使用基于 mxGraph 库的 XML 格式。
主要能力
- 生成标准 .drawio 文件结构:mxfile 根容器、diagram 单页、mxGraphModel 画布设置、root 单元格集合,以及必需的 mxCell id="0" 与 mxCell id="1" 默认父级。
- 支持顶点(形状)与边(连接线)两类单元格:顶点含 mxGeometry 几何信息,边含 source/target 与相对几何。
- 内置多种形状样式:矩形、圆角矩形、椭圆/圆、菱形(判断)、圆柱(数据库)、文档、流程(process)。
- 内置多种连接线样式:正交折线、曲线、直线、带箭头、虚线。
- 支持样式定制:填充色、描边色、字体色、字号、加粗、描边宽度,以及常用配色方案(蓝、绿、橙、红、紫、灰)。
- 覆盖多种图表类型:流程图、架构图、时序图、ER 图、类图,并提供相应示例代码片段。
- 附带参考文件:references/xml-structure.md(XML 结构与属性)、references/shape-library.md(形状样式与图标)、references/styling-guide.md(高级样式、主题与格式)。
- 附带示例文件:flowchart.drawio、architecture.drawio、sequence-diagram.drawio、er-diagram.drawio、class-diagram.drawio、network-diagram.drawio、org-chart.drawio、archimate.drawio、c4-diagram.drawio。
使用方式
按照 mxfile → diagram → mxGraphModel → root → mxCell 的层级手写 XML;为每个单元格分配唯一 id,从 "2" 开始递增(0 与 1 保留);使用 x/y 坐标定位,采用建议的间距(水平 150-200 像素、垂直 80-100 像素、形状宽 100-160 像素、高 40-80 像素);在 style 字符串中组合形状、连接线、颜色与字体属性;按图表类型套用对应形状与连接线模式。技能末尾提供最小可用模板作为快速起步。
适用场景
需要以文本方式生成或维护 .drawio 文件时,包括流程图、系统/微服务架构图、UML 时序图、ER 数据库图、UML 类图、网络拓扑图、组织架构图、ArchiMate 企业架构、C4 模型等;也可用于需要统一配色、网格对齐与规整边线走线的图表生产。
限制
资料未提供该技能的收费、价格、平台支持范围或具体安装命令;未提供除已列示例与参考文件之外的功能;未说明是否支持压缩内容的具体操作方式。请以官方说明为准,缺失事实暂未提供。