SKILL.md
唯讀
名稱
mindmap
描述
使用 PlantUML @startmindmap 語法建立階層式心智圖。最適合腦力激盪、主題拆解、學習筆記與決策樹，支援自動放射狀佈局、左右分支與個別節點樣式設定。
心智圖產生器
快速開始： 以 @startmindmap 開頭 -> 使用 * 或 +/- 標記定義根節點與分支 -> 可選設定分支側邊、方向與樣式 -> 包在 ```plantuml 程式碼區塊中。
⚠️ 重要： 務必使用
```plantuml或```puml程式碼區塊。絕對不要使用```text— 否則不會渲染成圖表。
關鍵規則
- 每個圖表以
@startmindmap開頭，以@endmindmap結尾 - 每個階層以重複標記表示：
*樣式：*（根節點）、**（第一層）、***（第二層）+/-樣式：+向左分支、-向右分支
- 同一分支內請保持標記樣式一致（不要隨意混用縮排樣式）
- 使用
left side將後續分支切換到根節點左側 - 需要時使用方向關鍵字：
top to bottom directionright 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 |
| 第一層 | #FFB74D |
| 第二層 | #4DB6AC |
| 第三層 | #E0E0E0 |
冷色科技風
| 角色 | 色碼 |
|---|---|
| 根節點 | #263238 |
| 第一層 | #00BCD4 |
| 第二層 | #80DEEA |
| 第三層 | #B2EBF2 |
大地色調
| 角色 | 色碼 |
|---|---|
| 根節點 | #5D4037 |
| 第一層 | #A1887F |
| 第二層 | #C8E6C9 |
| 第三層 | #FFF9C4 |
提示： 避免使用純飽和色（
#FF0000、#00FF00）— 會降低可讀性。建議背景使用柔和色調，僅根節點保留鮮豔顏色。
心智圖模式
| 模式 | 用途 | 範例 |
|---|---|---|
| 基本階層 | 主題拆解與學習大綱 | basic-hierarchy.md |
| 雙側佈局 | 優缺點、選項 vs 風險、雙邊分析 | 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 direction 或 right to left direction |
