mindmap

mindmap

热门

使用 PlantUML @startmindmap 语法创建层级思维导图。适用于头脑风暴、主题分解、学习笔记和决策树,支持自动径向布局、左右分支和节点样式。

3099Star
177Fork
更新于 2026/5/26
SKILL.md
readonly只读
name
mindmap
description

使用 PlantUML @startmindmap 语法创建层级思维导图。适用于头脑风暴、主题分解、学习笔记和决策树,支持自动径向布局、左右分支和节点样式。

思维导图生成器

快速开始:@startmindmap 开头 -> 使用 *+/- 标记定义根节点和分支 -> 可选设置分支侧、方向和样式 -> 包裹在 ```plantuml 代码块中。

⚠️ 重要: 始终使用 ```plantuml```puml 代码块。切勿使用 ```text——否则不会渲染为图表。

关键规则

  • 每个图表以 @startmindmap 开头,以 @endmindmap 结束
  • 每个层级由重复的标记表示:
    • * 风格:*(根节点),**(第1级),***(第2级)
    • +/- 风格:+ 向左扩展分支,- 向右扩展分支
  • 在同一局部分支中保持标记风格一致(不要随意混合缩进风格)
  • 使用 left side 将后续分支切换到根节点的左侧
  • 必要时使用方向关键字:
    • top to bottom direction
    • right to left direction
  • 多行节点内容必须使用块语法:
    • **:Line 1\nLine 2;
  • 快速颜色编码,使用内联节点颜色:
    • *[#Orange] Root
    • **[#lightgreen] Child
  • 可复用主题,定义 <style> 并应用原型如 <<green>>
  • 节点文本支持富文本/Creole 和图标语法(参见示例)

节点语法速查表

模式 含义 示例
* Root 星号语法根节点 * Product Strategy
** Child 第一级子节点 ** Goals
*** Grandchild 更深层级 *** KPI
+ Root +/- 语法根节点 + Architecture
++ Left branch 在一侧扩展的分支 ++ Services
-- Right branch 在另一侧扩展的分支 -- Risks
***_ Boxless 无框/最小子节点 ***_ Notes
# Root 替代根节点标记风格 # Topic
**:...; 多行块节点 **:Item A\nItem B;

分支侧和方向

控制 语法 用途
左侧拆分 left side 从根节点将导图分为左右两组
从上到下 top to bottom direction 树状垂直层级
从右到左 right to left direction RTL 阅读流或镜像布局

样式选项

方法 语法 最佳用途
内联节点颜色 **[#FFBBCC] Idea 快速强调单个节点
可复用类样式 <style> ... .green { ... } </style> + <<green>> 一致的视觉主题
基于深度样式 :depth(1) { ... } 按层级深度全局格式化
节点/箭头全局样式 node { ... } / arrow { ... } 统一排版和连接线

推荐配色方案

选择与导图目的匹配的配色方案。使用内联 [#hex] 快速着色,或定义 <style> 类以便复用。

通用(柔和色)

角色 十六进制 预览 用途
根节点 #2196F3 🔵 中心主题
分支 A #A5D6A7 🟢 类别/组1
分支 B #90CAF9 🔵 类别/组2
分支 C #CE93D8 🟣 类别/组3
分支 D #FFE082 🟡 类别/组4
叶子节点 #E0E0E0 细节节点

状态 / RAG

状态 十六进制 用途
完成/正常 #C8E6C9 已完成,健康
进行中 #FFF9C4 活跃,警告
阻塞/风险 #FFCDD2 问题,危险
未开始 #E0E0E0 待定,中性

暖色商务

角色 十六进制
根节点 #1565C0
第1级 #FFB74D
第2级 #4DB6AC
第3级 #E0E0E0

冷色科技

角色 十六进制
根节点 #263238
第1级 #00BCD4
第2级 #80DEEA
第3级 #B2EBF2

大地色

角色 十六进制
根节点 #5D4037
第1级 #A1887F
第2级 #C8E6C9
第3级 #FFF9C4

提示: 避免纯饱和色(#FF0000#00FF00)——它们会降低可读性。背景色优先选择柔和/淡色调,仅根节点使用醒目颜色。

思维导图模式

模式 目的 示例
基本层级 主题分解和学习大纲 basic-hierarchy.md
双侧布局 优缺点、选项与风险、两侧分析 bilateral-layout.md
无框分支 轻量级次级节点和注释 boxless-branches.md
样式主题 颜色编码分支和可复用类 styled-theme.md
方向控制 垂直或 RTL 阅读方向 direction-control.md
富文本内容 带图标和格式的详细笔记 rich-text-content.md
项目规划 工作分解和行动图 project-planning.md

快速示例

@startmindmap
* Product Launch
** Goals
*** Revenue
*** User Growth

left side
** Risks
*** Timeline Slip
*** Budget Overrun

right to left direction
** Channels
*** Content
*** Ads
@endmindmap

常见问题

问题 解决方案
图表未渲染 使用 ```plantuml 代码块 + @startmindmap ... @endmindmap
分支深度错误 检查标记数量(******)和缩进一致性
多行文本导致解析错误 使用 : ... ; 块语法,确保末尾有 ;
颜色未应用 验证十六进制格式(#RRGGBB)或原型类名
布局方向不符合预期 添加显式的 top to bottom directionright to left direction