drawio-diagrams-enhanced

增强型 Draw.io 图表创建技能

集成 PMP/PMBOK 与视觉素材库

此技能可让 Claude 以 draw.io 原生 XML 格式创建专业、像素级精准的图表，并具备企业级功能，包括项目管理方法、丰富的图标库和行业标准模板。

核心能力

1. 标准图表类型

• 流程图：基本流程图、决策树、流程
• 跨职能流程图（CFF）：展示跨部门／角色流程的泳道图
• BPMN 图：业务流程模型与标注图
• UML 图：类图、时序图、用例图
• 网络图：基础设施、云架构、系统设计
• 组织结构图：组织层级和团队结构
• 思维导图：概念梳理与头脑风暴
• 实体关系图：数据库架构

2. PMP/PMBOK 项目管理图表

• 工作分解结构（WBS）：对项目交付成果进行分层分解
• 项目网络图：PERT 图、CPM、活动依赖关系
• 甘特图：基于时间线的项目计划
• RACI 矩阵：责任分配矩阵
• 风险登记册图：风险矩阵、热力图、概率－影响网格
• 相关方地图：权力－利益网格、影响力图
• 资源直方图：资源分配与容量规划
• 沟通计划：信息流图
• 过程组图：启动、规划、执行、监控与控制、收尾
• 知识领域图：整合、范围、进度、成本、质量、资源、沟通、风险、采购、相关方管理

3. 可用的视觉素材库

Claude 可以参考并使用丰富的自定义素材库中的图形：

图标与符号库：

• Material Design 图标
• Font Awesome 图标
• OSA（开放安全架构）图标
• UN-OCHA 人道主义图标
• 扁平色彩图标
• 图表与信息图图标
• Windows 10 图标
• 手势与指纹图标

技术与基础设施：

• Kubernetes 图标
• 云服务提供商图标（AWS、Azure、GCP、DigitalOcean）
• 网络设备库（Cisco、Arista、Fortinet、Commvault）
• DevOps 与 CI/CD 流水线图形

商业与通用用途：

• 线框组件
• 头像与人物图标
• 表单元素
• Bioicons（生命科学）
• 家系图符号
• 模板与构建模块

如何使用自定义素材库： 生成适合使用特定图标的图表时，Claude 可以指出要启用哪些素材库：

To use this diagram optimally, open it with these custom libraries:
https://app.diagrams.net/?clibs=Uhttps://jgraph.github.io/drawio-libs/libs/templates.xml

Draw.io 文件格式

Draw.io 文件基于 XML，扩展名为 .drawio（或 .xml）。基本结构如下：

<mxfile host="app.diagrams.net" modified="[timestamp]" agent="Claude" version="24.7.17">
  <diagram id="[unique-id]" name="Page-1">
    <mxGraphModel dx="1434" dy="759" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
      <root>
        <mxCell id="0"/>
        <mxCell id="1" parent="0"/>
        
        
        
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>

核心概念

1. 单元格（mxCell）

Draw.io 中的所有内容都是单元格——形状、连接器、容器，甚至根元素。

基本形状单元格：

<mxCell id="2" value="Process Step" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
  <mxGeometry x="100" y="100" width="120" height="60" as="geometry"/>
</mxCell>

连接器单元格：

<mxCell id="3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="2" target="4">
  <mxGeometry relative="1" as="geometry"/>
</mxCell>

2. ID 管理

• 每个单元格都必须有唯一 ID
• 使用连续整数：“2”“3”“4”等
• ID“0”和“1”保留给根单元格
• 在连接器中引用形状时，使用相同的 ID

3. 几何信息（mxGeometry）

• x、y：位置（左上角）
• width、height：尺寸
• relative="1"：用于连接器（相对定位）

4. 样式

样式由以分号分隔的键值对组成：

• 形状类型：rounded=1、ellipse、rhombus
• 颜色：fillColor=#dae8fc、strokeColor=#6c8ebf、fontColor=#000000
• 文本：fontSize=12、fontStyle=1（粗体=1，斜体=2，下划线=4）
• 对齐方式：align=center、verticalAlign=middle
• 间距：spacingLeft=10、spacingTop=5

PMP/PMBOK 专用形状与样式

工作分解结构（WBS）

WBS 使用由线条连接方框的分层树状结构。

WBS 工作包方框：

shape=rectangle;rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontStyle=1;fontSize=10;

WBS 层级：

• 第 0 级（项目）：大型方框，200x80，粗体，深绿色
• 第 1 级（可交付成果）：中型方框，160x60，中绿色
• 第 2 级（子可交付成果）：小型方框，140x50，浅绿色
• 第 3 级（工作包）：最小方框，120x40，最浅绿色

项目网络图（PERT/CPM）

活动节点（AON - 活动节点法）：

shape=rectangle;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;fontStyle=0;

节点结构（分为多个区块）：

┌─────────────────┐
│  Early Start ES │ Duration
├─────────────────┤
│  Activity Name  │
├─────────────────┤
│  Late Start LS  │ Late Finish LF
└─────────────────┘

关键路径高亮显示：

fillColor=#f8cecc;strokeColor=#b85450;strokeWidth=3;

RACI 矩阵

矩阵容器：

swimlane;html=1;startSize=40;fillColor=#f5f5f5;strokeColor=#666666;fontStyle=1;

RACI 单元格：

• R（负责执行）：fillColor=#d5e8d4;strokeColor=#82b366;
• A（最终负责）：fillColor=#dae8fc;strokeColor=#6c8ebf;
• C（征询意见）：fillColor=#fff2cc;strokeColor=#d6b656;
• I（知会）：fillColor=#e1d5e7;strokeColor=#9673a6;

甘特图元素

时间线条：

rounded=0;whiteSpace=wrap;html=1;fillColor=#60a917;strokeColor=#2D7600;fontColor=#ffffff;

里程碑菱形：

rhombus;whiteSpace=wrap;html=1;fillColor=#fa6800;strokeColor=#C73500;fontColor=#000000;

依赖关系箭头：

edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;endFill=1;strokeWidth=2;

风险矩阵（概率-影响网格）

风险矩阵结构：

5x5 grid with:
- X-axis: Impact (Very Low, Low, Medium, High, Very High)
- Y-axis: Probability (Very Low, Low, Medium, High, Very High)

风险等级颜色：

• 低风险：fillColor=#d5e8d4;strokeColor=#82b366;（绿色）
• 中风险：fillColor=#fff2cc;strokeColor=#d6b656;（黄色）
• 高风险：fillColor=#ffe6cc;strokeColor=#d79b00;（橙色）
• 严重风险：fillColor=#f8cecc;strokeColor=#b85450;（红色）

利益相关者权力-关注度网格

象限结构：

┌─────────────────┬─────────────────┐
│   Manage        │    Partner      │
│   Closely       │    Closely      │
│ (High Power,    │ (High Power,    │
│  High Interest) │  High Interest) │
├─────────────────┼─────────────────┤
│   Keep          │    Keep         │
│   Satisfied     │    Informed     │
│ (High Power,    │ (Low Power,     │
│  Low Interest)  │  High Interest) │
└─────────────────┴─────────────────┘

常见形状样式

流程图形状

流程（矩形）：

rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;

决策（菱形）：

rhombus;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;

开始/结束（圆角矩形）：

ellipse;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;

文档：

shape=document;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;

数据（平行四边形）：

shape=parallelogram;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;

泳道形状

泳道容器：

swimlane;html=1;startSize=20;fillColor=#f5f5f5;strokeColor=#666666;fontStyle=1;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;

垂直泳道：

swimlane;html=1;startSize=20;fillColor=#f5f5f5;strokeColor=#666666;horizontal=0;fontStyle=1;

创建 PMP/PMBOK 图表

工作分解结构（WBS）示例

<mxfile host="app.diagrams.net">
  <diagram id="WBS-1" name="Project WBS">
    <mxGraphModel dx="1434" dy="759" grid="1" gridSize="10" guides="1">
      <root>
        <mxCell id="0"/>
        <mxCell id="1" parent="0"/>
        
        
        <mxCell id="2" value="Project Name" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#1ba1e2;strokeColor=#006EAF;fontColor=#ffffff;fontStyle=1;fontSize=14;" vertex="1" parent="1">
          <mxGeometry x="280" y="40" width="200" height="80" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="3" value="Deliverable 1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#60a917;strokeColor=#2D7600;fontColor=#ffffff;fontStyle=1;" vertex="1" parent="1">
          <mxGeometry x="40" y="160" width="160" height="60" as="geometry"/>
        </mxCell>
        
        <mxCell id="4" value="Deliverable 2" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#60a917;strokeColor=#2D7600;fontColor=#ffffff;fontStyle=1;" vertex="1" parent="1">
          <mxGeometry x="240" y="160" width="160" height="60" as="geometry"/>
        </mxCell>
        
        <mxCell id="5" value="Deliverable 3" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#60a917;strokeColor=#2D7600;fontColor=#ffffff;fontStyle=1;" vertex="1" parent="1">
          <mxGeometry x="440" y="160" width="160" height="60" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.25;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="2" target="3">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        
        <mxCell id="7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="2" target="4">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        
        <mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.75;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="2" target="5">
          <mxGeometry relative="1" as="geometry"/>
        </mxCell>
        
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>

RACI 矩阵示例

<mxfile host="app.diagrams.net">
  <diagram id="RACI-1" name="RACI Matrix">
    <mxGraphModel dx="1434" dy="759" grid="1" gridSize="10" guides="1">
      <root>
        <mxCell id="0"/>
        <mxCell id="1" parent="0"/>
        
        
        <mxCell id="2" value="RACI Matrix" style="swimlane;html=1;startSize=40;fillColor=#f5f5f5;strokeColor=#666666;fontStyle=1;fontSize=14;" vertex="1" parent="1">
          <mxGeometry x="40" y="40" width="720" height="400" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="3" value="Activities / Tasks" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontStyle=1;" vertex="1" parent="2">
          <mxGeometry x="10" y="50" width="180" height="40" as="geometry"/>
        </mxCell>
        
        <mxCell id="4" value="Role A" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontStyle=1;" vertex="1" parent="2">
          <mxGeometry x="200" y="50" width="120" height="40" as="geometry"/>
        </mxCell>
        
        <mxCell id="5" value="Role B" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontStyle=1;" vertex="1" parent="2">
          <mxGeometry x="330" y="50" width="120" height="40" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="6" value="Task 1: Define Requirements" style="rounded=0;whiteSpace=wrap;html=1;align=left;spacingLeft=10;" vertex="1" parent="2">
          <mxGeometry x="10" y="100" width="180" height="50" as="geometry"/>
        </mxCell>
        
        <mxCell id="7" value="R" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontStyle=1;fontSize=16;" vertex="1" parent="2">
          <mxGeometry x="200" y="100" width="120" height="50" as="geometry"/>
        </mxCell>
        
        <mxCell id="8" value="A" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontStyle=1;fontSize=16;" vertex="1" parent="2">
          <mxGeometry x="330" y="100" width="120" height="50" as="geometry"/>
        </mxCell>
        
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>

利益相关者权力-关注度网格示例

<mxfile host="app.diagrams.net">
  <diagram id="Stakeholder-1" name="Stakeholder Map">
    <mxGraphModel dx="1434" dy="759" grid="1" gridSize="10" guides="1">
      <root>
        <mxCell id="0"/>
        <mxCell id="1" parent="0"/>
        
        
        
        <mxCell id="2" value="Manage Closely&lt;br&gt;&lt;b&gt;(Key Players)&lt;/b&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;verticalAlign=top;fontSize=12;fontStyle=0;" vertex="1" parent="1">
          <mxGeometry x="400" y="80" width="320" height="280" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="3" value="Keep Satisfied&lt;br&gt;&lt;b&gt;(Keep Informed)&lt;/b&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;verticalAlign=top;fontSize=12;fontStyle=0;" vertex="1" parent="1">
          <mxGeometry x="400" y="360" width="320" height="280" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="4" value="Keep Informed&lt;br&gt;&lt;b&gt;(Show Consideration)&lt;/b&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;verticalAlign=top;fontSize=12;fontStyle=0;" vertex="1" parent="1">
          <mxGeometry x="80" y="80" width="320" height="280" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="5" value="Monitor&lt;br&gt;&lt;b&gt;(Minimal Effort)&lt;/b&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;verticalAlign=top;fontSize=12;fontStyle=0;" vertex="1" parent="1">
          <mxGeometry x="80" y="360" width="320" height="280" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="6" value="Interest" style="text;html=1;align=center;verticalAlign=middle;fontSize=14;fontStyle=1;rotation=90;" vertex="1" parent="1">
          <mxGeometry x="20" y="320" width="100" height="40" as="geometry"/>
        </mxCell>
        
        <mxCell id="7" value="Power / Influence" style="text;html=1;align=center;verticalAlign=middle;fontSize=14;fontStyle=1;" vertex="1" parent="1">
          <mxGeometry x="350" y="660" width="200" height="40" as="geometry"/>
        </mxCell>
        
        
        <mxCell id="8" value="CEO" style="ellipse;whiteSpace=wrap;html=1;fillColor=#1ba1e2;strokeColor=#006EAF;fontColor=#ffffff;fontStyle=1;" vertex="1" parent="1">
          <mxGeometry x="520" y="150" width="80" height="60" as="geometry"/>
        </mxCell>
        
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>

配色方案

专业蓝色主题（默认）

• 主色：fillColor=#dae8fc;strokeColor=#6c8ebf;
• 次要色：fillColor=#b1ddf0;strokeColor=#10739e;
• 强调色：fillColor=#f8cecc;strokeColor=#b85450;

绿色/自然主题

• 主色：fillColor=#d5e8d4;strokeColor=#82b366;
• 次要色：fillColor=#fff2cc;strokeColor=#d6b656;
• 强调色：fillColor=#e1d5e7;strokeColor=#9673a6;

企业/中性主题

• 主色：fillColor=#f5f5f5;strokeColor=#666666;
• 次要色：fillColor=#e1d5e7;strokeColor=#9673a6;
• 高亮色：fillColor=#ffe6cc;strokeColor=#d79b00;

PMP 风险矩阵颜色

• 严重：fillColor=#8B0000;strokeColor=#600000;fontColor=#ffffff;（深红色）
• 高：fillColor=#FF0000;strokeColor=#CC0000;fontColor=#ffffff;（红色）
• 中：fillColor=#FFA500;strokeColor=#CC8400;fontColor=#000000;（橙色）
• 低：fillColor=#FFFF00;strokeColor=#CCCC00;fontColor=#000000;（黄色）
• 极低：fillColor=#90EE90;strokeColor=#66AA66;fontColor=#000000;（浅绿色）

连接线样式

基本连接线

edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;

直线连接线

rounded=0;html=1;jettySize=auto;orthogonalLoop=1;

曲线连接线

curved=1;rounded=1;html=1;jettySize=auto;orthogonalLoop=1;

带箭头

edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=classic;endFill=1;

虚线（用于依赖关系）

edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;dashed=1;dashPattern=5 5;

粗线（用于关键路径）

edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeWidth=3;strokeColor=#b85450;

最佳实践

1. 布局指南

• 网格对齐：使用 10 的倍数作为 x/y 坐标，实现整齐对齐
• 标准间距：形状之间间隔 20-30px，行与行之间间隔 40-50px
• 形状尺寸：
  • 小：80x40
  • 中：120x60
  • 大：160x80
  • 超大（项目方框）：200x80
• 泳道高度：单行高度为 120-150px，每增加一行加 100px
• WBS 间距：垂直方向间隔 40px，各层级之间水平方向间隔 20px

2. 命名约定

• 使用连续 ID：“2”、“3”、“4”……
• 形状标签保持简洁（1-5 个词）
• 重要标签使用标题式大小写
• 描述使用句首字母大写格式
• 为 WBS 工作包添加 ID 编号（例如，“1.2.3 任务名称”）

3. 视觉层级

• 起始形状：使用绿色／浅色
• 结束形状：使用红色／深色
• 决策点：使用橙色／黄色
• 常规流程：使用蓝色／中性色
• 重要流程：使用更醒目的颜色或更粗的边框
• 关键路径：使用红色和粗边框（strokeWidth=3）

4. PMP/PMBOK 专项

• WBS 层级：层级越深，使用的颜色越浅
• RACI 矩阵：始终使用 R=绿色、A=蓝色、C=黄色、I=紫色
• 风险矩阵：遵循标准风险配色（绿色到红色）
• 关键路径：始终用红色和 strokeWidth=3 突出显示
• 里程碑：使用颜色鲜明的菱形

5. 可读性

• 尽可能将图表控制在 20–25 个形状以内
• 将相关流程放在同一泳道中
• 同一类别中的形状尺寸保持一致
• 为复杂流程中的所有连接线添加标签
• 在内容密集的部分之间留出空白
• 在复杂图表中加入符号／颜色图例

PMBOK 过程组与知识领域速查

5 个过程组

1. 启动：绿色（#d5e8d4）
2. 规划：蓝色（#dae8fc）
3. 执行：橙色（#ffe6cc）
4. 监控：黄色（#fff2cc）
5. 收尾：紫色（#e1d5e7）

10 个知识领域

1. 整合管理：灰色（#f5f5f5）
2. 范围管理：蓝色（#dae8fc）
3. 进度管理：绿色（#d5e8d4）
4. 成本管理：橙色（#ffe6cc）
5. 质量管理：红色（#f8cecc）
6. 资源管理：紫色（#e1d5e7）
7. 沟通管理：青绿色（#b1ddf0）
8. 风险管理：黄色（#fff2cc）
9. 采购管理：粉色（#f8cecc）
10. 相关方管理：浅紫色（#e1d5e7）

专业图表模板

模板 1：跨职能流程图（泳道）

适用场景：跨部门的业务流程 结构：水平泳道，每个部门对应一条泳道 主要特点：交接清晰、包含决策点和子流程指示器

模板 2：工作分解结构（WBS）

适用场景：分解项目范围 结构：分层树形结构，深入 3–4 层 主要特点：编号的工作包（1.1、1.2 等），以可交付成果为导向

模板 3：项目网络图（PERT/CPM）

适用场景：活动排序与关键路径分析 结构：包含持续时间、最早／最晚开始／完成时间的活动节点 主要特点：突出显示关键路径，计算时差

模板 4：RACI 矩阵

适用场景：分配角色与职责 结构：以任务为行、角色为列的网格 主要特点：使用颜色编码标注 R、A、C、I

模板 5：风险登记册热力图

适用场景：可视化风险评估 结构：5×5 网格（概率与影响） 主要特点：按颜色区分区域，在网格中标出风险事项

模板 6：相关方权力－利益网格

适用场景：相关方分析与参与策略 结构：2×2 或 3×3 网格 主要特点：标注象限，并在图中标出相关方姓名

模板 7：组织分解结构（OBS）

适用场景：项目团队层级 结构：类似组织结构图的分层树形结构 主要特点：显示姓名、角色和汇报关系

模板 8：资源直方图

适用场景：随时间变化的资源分配 结构：横轴为时间、纵轴为资源的柱状图 主要特点：按颜色区分资源类型，标示资源分配过度的情况

错误预防

常见问题

1. 形状重叠：确保 x/y 坐标不会造成重叠
2. 缺少父级：泳道子项必须引用父级 ID
3. ID 无效：不要重复使用 ID，并保持 ID 连续
4. 样式字符串格式错误：始终以分号结尾
5. 连接线引用错误：source 和 target 必须与现有形状 ID 匹配
6. WBS 编号：确保层级编号一致（1.0、1.1、1.1.1）

验证清单

• 所有 ID 都是唯一的
• 根单元格 (0, 1) 存在
• 所有连接器的源和目标都有效
• 泳道子项具有正确的父级引用
• 坐标均为正数
• 样式字符串格式正确
• XML 格式良好（标签正确嵌套）
• WBS 工作包具有正确的层级编号
• RACI 矩阵的所有单元格均已填写（无空白）
• 风险矩阵使用标准颜色编码

自定义库集成

创建适合使用特定图标库的图表时，请加入如下说明：

## How to Open with Custom Libraries

To access additional icons and shapes for this diagram, open it with:

https://app.diagrams.net/?clibs=Uhttps://jgraph.github.io/drawio-libs/libs/templates.xml;Uhttps://jgraph.github.io/drawio-libs/libs/un-ocha-icons.xml

Or manually in draw.io:
1. Open the diagram in app.diagrams.net
2. File → Open Library from → URL
3. Enter: https://jgraph.github.io/drawio-libs/libs/[library-name].xml

输出格式

始终输出完整的 .drawio 文件，并确保：

1. 包含正确的 XML 声明（可选，但建议添加）
2. 包含完整的 mxfile 结构
3. 包含所有必需的根单元格
4. 格式正确并缩进整齐，便于阅读
5. 使用 .drawio 或 .xml 扩展名保存
6. 如果自定义库能带来帮助，请附上使用说明

优化建议

1. 如果流程／项目不清楚，请提出澄清问题
2. 如果发现工作流存在问题，请提出改进建议
3. 根据不同的流程类型和 PM 工件使用合适的图形
4. 保持尺寸、间距和配色方案的一致性
5. 考虑受众——高管所需的细节应少于实施人员
6. 测试流程逻辑——确保所有路径都有后续去向
7. 如果使用多种图形类型或颜色，请添加图例
8. 在适用时添加 PMBOK 过程组标识
9. 引用有助于改进图表的自定义库
10. 如果需要特殊库，请提供打开说明

专业模板库

以下模板模式可根据各种使用场景进行调整：

1. 敏捷／Scrum 图表：冲刺规划、回顾、燃尽图
2. DevOps 流水线：包含阶段、关卡和工具的 CI/CD 流程
3. 商业模式画布：9 宫格战略规划工具
4. 价值流图：包含周期时间的精益流程分析
5. SIPOC 图：供应商－输入－流程－输出－客户
6. 鱼骨图／石川图：根因分析
7. 亲和图：创意聚类与整理
8. 决策树：多层级决策分析
9. 用例图：UML 用户与系统交互
10. 数据流图：信息流分析

资源

• draw.io 官方文档：https://www.drawio.com/doc/
• 示例图表：https://www.drawio.com/example-diagrams
• 自定义库仓库：https://github.com/jgraph/drawio-libs
• 模板库：可在 draw.io 中通过 Arrange > Insert > Template 访问
• 图形库：在 draw.io 中通过 “More Shapes” 启用
• PMBOK 指南（第 6 版和第 7 版）：PMI 官方文档
• 项目管理协会：https://www.pmi.org/

限制

• 复杂的自定义图形可能需要手动调整
• 某些高级功能（图层、页面）可能需要手动设置
• 3D 图形和高级样式可能无法完整呈现
• 自定义库图标需要互联网连接才能加载
• 非常大型的 WBS 结构可能需要拆分到多个页面
• 始终建议在 draw.io 中测试生成的文件

请记住：目标是创建可立即使用、外观专业、能准确表示用户流程或系统，并在适用时遵循 PMP/PMBOK 最佳实践的图表！