課程結構 Mermaid 流程圖生成

用途

把課程章節與單元清單轉成 Mermaid 流程圖，讓你一眼看出教學弧線、KUDM 分布，以及哪些章節過於理論、缺少任務卡。

何時用

• 適合：已經有課程章節架構，需要快速視覺化確認教學邏輯、發現過於理論或缺漏任務卡的節點時用。
• 不要用：你還沒有章節結構——那種情況先用「三層轉換規劃」建立課程骨架，有了骨架再來畫圖。

Prompt

幫我把以下課程架構轉成 Mermaid flowchart。

課程名稱：{{例：企業 AI 工具導入實戰}}
目標受眾：{{例：中小企業管理者，無技術背景}}

章節與單元清單：
{{例：
第一章：為什麼現在需要 AI
  - L1-1 AI 工具的 3 個誤解
  - L1-2 你的工作哪些部分最適合 AI 接手（Do 任務）

第二章：工具選型與環境建立
  - L2-1 Claude vs ChatGPT 選哪個
  - L2-2 帳號設定與費用規劃（Setup）

第三章：Prompt 設計實作
  - L3-1 Prompt 框架（Know）
  - L3-2 角色扮演 Prompt 實作（Do）
  - L3-3 批次任務 Prompt（Do）
}}

請生成 Mermaid flowchart，規格如下：
- 每個章節是一個 subgraph
- 每個單元節點標注 KUDM 類型（Know / Use / Do / Manage / Setup）
- 章節之間用箭頭表示前後順序
- 有「職場類比」的節點在說明後加 💡
- 有「誠實限制」提醒的節點加 ⚠️
- 任務卡節點（Do 類型）用不同節點形狀（例如菱形）

圖生成後，另外用條列式說明：哪些章節過於理論（全是 Know，缺少 Do）。

範例 / 變體

• 填好變數：課程「n8n 自動化工作坊」；受眾「有 IT 基礎的企業內部人員」；單元清單從 _course.yaml 複製貼入。
• 變體（只要缺口分析）：省略 Mermaid 生成，只要最後那段條列式「哪些章節過於理論」，適合已有視覺化工具、只需要文字診斷的情境。
• 變體（加上時間估計）：每個單元後面加上預計時長（例如「L1-1，20 分鐘」），讓生成的流程圖節點顯示時長，幫助看出課程哪個章節時間分配不均。

🎯 範例輸出（實測）

在 Claude.ai 跑這句、把 {{變數}} 填成「課程：n8n 自動化工作坊；受眾：中小企業 IT 管理者；章節：第一章（為什麼需要自動化 L1-1/L1-2 Know）→ 第二章（n8n 環境設定 L2-1 Setup / L2-2 Do）→ 第三章（Webhook 觸發 L3-1 Use / L3-2 Do / L3-3 Do）」的結果：

點開看 AI 實際輸出

flowchart TD
  subgraph ch1["第一章：為什麼需要自動化"]
    L11["L1-1 自動化的 3 個誤解\n(Know)"]
    L12["L1-2 你的工作哪些適合自動化\n(Know) 💡"]
    L11 --> L12
  end

  subgraph ch2["第二章：n8n 環境設定"]
    L21["L2-1 帳號與費用規劃\n(Setup)"]
    L22{{"L2-2 建立第一個 Workflow\n(Do)"}}
    L21 --> L22
  end

  subgraph ch3["第三章：Webhook 觸發實作"]
    L31["L3-1 Webhook 概念與觸發時機\n(Use)"]
    L32{{"L3-2 表單觸發 Webhook\n(Do)"}}
    L33{{"L3-3 跨服務串接 Webhook\n(Do) ⚠️"}}
    L31 --> L32 --> L33
  end

  ch1 --> ch2 --> ch3

缺口分析（過於理論的章節）：

• 第一章：全部為 Know 節點，缺少讓學員動手的 Do 單元。建議在 L1-2 後加入一個 5 分鐘的「盤點自己工作流」任務卡，讓學員離場前有輸出。

💡 實測心得：Mermaid 圖複製到 Claude.ai 的 canvas 或 Mermaid Live Editor 能立刻渲染，不用等 slide 做完才發現章節比例失衡——設計初期就視覺化省很多修改成本。

延伸

你有沒有遇過這種情況？課程大綱看起來很完整，但開始設計投影片才發現某章全是理論、沒有讓學員動手的機會——用 Mermaid 流程圖一秒就能看出來。視覺化之後，搭配「NotebookLM 課程素材整理」可以快速確認每個 Do 節點是否有對應的素材和任務卡支撐。