用途
该技能用于指导如何借助 Excalidraw MCP 工具创建研究类图表，帮助在呈现研究发现时选择合适的图表形式并保持视觉一致性。
何时创建图表
当研究发现涉及以下情况时，建议创建图表：
- 比较 3 个以上选项：使用比较表或矩阵图
- 4 步以上的流程：使用流程图或序列图
- 包含多个组件的系统：使用架构图
- 按时间顺序发生的事件：使用时间线
- 层级关系：使用树状图或思维导图
- 数据流动：使用数据流图
Excalidraw 工作流
- 规划图表：在创建前确定图表类型、元素和布局
- 创建元素：使用 create_element 或 batch_create_elements
- 排列：使用 align_elements 和 distribute_elements 实现整洁布局
- 检查：使用 describe_scene 验证图表外观是否正确
- 调整：使用 update_element 修正位置或文字
- 分组：使用 group_elements 将相关项目锁定在一起
注意：不要导出或分享链接——用户看到的是自动同步的实时嵌入画布。
配色方案
在图表中保持颜色一致：
- 主要概念：蓝色 #1971c2
- 正面 / 支持：绿色 #2f9e44
- 负面 / 局限：红色 #e03131
- 警告 / 注意事项：橙色 #e8590c
- 中性 / 背景：灰色 #868e96
- 高亮 / 焦点：黄色 #f08c00
布局模式
- 自上而下：流程、决策树、时间线
- 从左到右：比较、前后对比、流水线
- 放射状 / 由中心向外：概念图、思维导图
- 网格：功能矩阵、比较表
元素规范
文字
- 使用简短标签（每个元素 2-4 个词）
- 标题字号：20-24px
- 标签字号：14-16px
- 细节放在子标签中，而非元素标题中
形状
- 矩形：流程、组件、实体
- 菱形：决策点
- 椭圆：起点 / 终点、概念
- 圆角矩形：分组、类别
箭头
- 实线箭头：直接关系、数据流
- 虚线箭头：可选路径、间接关系
- 为箭头添加标签以说明关系
间距
- 元素之间至少 40px
- 分组之间 80px
- 组内间距保持一致
研究常用图表类型
比较图
[Option A] [Option B] [Option C]
| | |
[Pros] [Pros] [Pros]
[Cons] [Cons] [Cons]
| | |
└──── [Verdict] ─────────┘
架构图
┌─────────────────────────────┐
│ [System Name] │
│ ┌──────┐ ┌──────┐ │
│ │Comp A│──│Comp B│ │
│ └──────┘ └──┬───┘ │
│ │ │
│ ┌────▼────┐ │
│ │ Comp C │ │
│ └─────────┘ │
└─────────────────────────────┘
时间线
[2020]──[2021]──[2022]──[2023]──[2024]──[2025]
│ │ │ │ │ │
Event Event Event Event Event Event
提示
- 创建元素后始终调用 describe_scene 验证布局
- 使用 batch_create_elements 提高效率（一次创建多个元素）
- 在排列前先对相关元素分组，以获得更清晰的组织
- 不要导出或分享链接——实时嵌入画布会自动为用户同步
- 绝不使用 create_from_mermaid——它会产生不可见的结果。始终使用 batch_create_elements 配合元素 JSON