iT邦幫忙

2026 iThome 鐵人賽

DAY 22
0
AI 自動化

大學生的生存筆記:用 Dify 零程式打造專屬課堂複習與考前衝刺 Agent系列 第 22 篇

Day 22:功能六:一鍵輸出 Mermaid 語法繪製心智圖

  • 分享至 

  • xImage
  •  

一、前言

在考前衝刺階段(Day 15~Day 21),我們已經陸續打造了「核心摘要」、「考前名詞卡」、「隨堂出題機」、「測驗詳解」 與「觀念迷思破解器」。
然而,在面對醫學資訊領域動輒數十頁甚至上百頁的簡報教材時(例如龐大的 HL7 發展史、FHIR Resource 模組與 RESTful 通訊體系),很多同學都會遇到一個瓶頸:

  • 「細節都背了,但腦袋裡像一盤散沙,抓不到各個技術之間的上下層級關係。」
  • 「想自己畫心智圖,但手動拉節點、打字排版動輒花上一、兩個小時,考前根本沒那麼多時間。」

為了在短時間內建立全盤的知識架構,今天 Day 22 我們要解鎖第六項衝刺利器——「Mermaid 心智圖生成器」!我們將透過 Dify 工作流讓 AI 自動解析講義的章節階層,直接輸出標準的 Mermaid mindmap 語法,貼進即時預覽器就能 1 秒生成精美的視覺化樹狀圖!

二、什麼是 Mermaid 語法?為什麼是學生的視覺化神器?

在 Markdown 與技術文檔中,Mermaid 是一種被廣泛支援的輕量級純文字標記語言:

  1. 純文字代碼生成圖形:不需要安裝笨重的心智圖軟體,只要用縮排與括號定義階層,瀏覽器或筆記軟體(如 Notion、Obsidian、GitHub)就能自動渲染成圖。
  2. 與 LLM 完美契合:大型語言模型天生擅長生成結構化文字與程式碼。讓 AI 輸出代碼,比讓它直接生成圖片更穩定、零幻覺,且後續隨時能手動微調。
  3. 零成本即時預覽:Dify 本身就內建了 Mermaid 渲染器,直接在結果視窗就能動態看圖,這是一個非常強大的亮點!

三、實作步驟:在 Dify 中設定心智圖工作流

延續我們先前的工作流習慣,維持最精簡強效的標準三節點架構:【開始節點】➔【LLM 節點】➔【輸出節點】。

  1. 進入工作流或新建應用
    登入 Dify Cloud,點選左側導覽列的「工作室(Studio)」。
    點擊右上角 「+ 建立空白應用程式」 ➔ 選擇 「工作流(Workflow)」。
    命名為「章節架構心智圖工作流」。
    確認基礎節點連線:【開始節點】➔【LLM 節點】➔【輸出節點】。

  2. 配置 LLM 節點的 SYSTEM 提示詞
    點開中間的【LLM】節點,在 SYSTEM(提示詞)欄位貼上以下專門生成 Mermaid 心智圖的指令:

    你是一位醫學資訊領域的知識架構師。你的任務是閱讀使用者提供的教材內容,將其核心技術、標準規範與機制邏輯拆解為層次分明的心智圖架構。

    【輸出規範】

    1. 必須嚴格輸出合法的 Mermaid mindmap 語法,以三反引號+ mermaid 開頭,以三反引號結尾。
    2. 嚴禁任何程式碼區塊以外的廢話、問候語或解釋說明(不要輸出「以下是心智圖語法」等)。
    3. 階層設計規範:
      • 根節點(Root):章節的核心主題名稱(如:HL7 FHIR 架構全覽)。
      • 第一層分支:3~5 個主要核心面向(例如:發展背景、核心架構機制、通訊與格式規範、臨床應用優勢)。
      • 第二層分支:各面向的具體機制、專有名詞與技術細節。
      • 縮排必須精準(每一層縮排固定為 2 個或 4 個空格),確保語法能直接被 Mermaid 解析器正確渲染。
    4. 節點文字必須簡明扼要(以名詞與短語為主,不寫長句子)。
      【Mermaid Mindmap 基本語法範例】
    mindmap
      root((核心主題))
        分支一(重點一)
          子節點A
          子節點B
        分支二(重點二)
          子節點C
          子節點D
    

https://ithelp.ithome.com.tw/upload/images/20261005/20184252byu2L0ukAr.png

  1. 確認 USER 變數引用與模型參數
    在 LLM 節點的 USER 欄位,輸入:
    請根據以下教材內容,提取架構並輸出 Mermaid mindmap 語法:
    {{#start.input_text#}}

四、成果實測與視覺化驗收

設定完成後,點擊畫布右上角的「測試運行(Run)」,在 input_text 輸入框中貼入我們先前常用的 HL7 FHIR 架構與 RESTful 特性講義段落,點擊開始運行!
令人驚豔的是,Dify 平台本身就內建了 Mermaid 渲染器!當 LLM 輸出 Mermaid mindmap 語法時,右側結果視窗不會只吐出冷冰冰的代碼,而是秒速自動渲染出結構完整的彩色心智圖:

https://ithelp.ithome.com.tw/upload/images/20261004/20184252QWK2PChEoe.png
從生成的圖表中可以清楚看到:

  1. 核心主題聚焦:中心以「FHIR 醫療資訊交換標準」為根節點向外展開。
  2. 層級邏輯嚴密:右上清晰拆解「發展背景與定位」及舊標準相容性;下方精準收斂「核心架構機制」(RESTful 無狀態特性、Resources 資源模組化、Extension 擴充欄位等);左側延伸至臨床與新興物聯網(IoMT)應用。
  3. 支援多種檢視風格:Dify 還貼心提供了「經典」與「手繪」兩種視覺風格切換按鈕,複習時視覺體驗極佳!

若想要將產出的圖檔匯入 Obsidian、Notion 或自己慣用的 Markdown 筆記軟體,只要點擊底部的 「複製」,就能一鍵複製原始 Mermaid 程式碼隨處調用!


上一篇
Day 21:功能五:觀念迷思破解器(抓出初學者容易搞混的點)
系列文
大學生的生存筆記:用 Dify 零程式打造專屬課堂複習與考前衝刺 Agent 共 22 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言