iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
自我挑戰組

用 AI + draw.io MCP 建立可重複使用的流程圖工作流 系列

本系列從實務上的流程圖痛點出發,探討需求反覆變動時,Mermaid、draw.io 手動繪圖與 AI 產圖各自面臨的限制。接著導入 draw.io MCP,搭配結構化需求文件、繪圖規格與 Skill,逐步建立一套可重複使用的 AI 繪圖工作流。全系列將以同一案例進行產圖、局部修改與不同圖表實測,不只展示 AI 能否畫圖,也著重於如何讓產出更穩定、可控且便於維護。

參賽天數 24 天 | 共 24 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 21

# Day 21|實作:從零討論,產出一份流程說明文件

昨天把模板的欄位拆解完了。今天實際用它跑一次:從沒有任何文件開始,透過與 AI 討論,逐步整理出一份完整的流程說明文件。 這次的案例是「電商智慧退換貨流程」:會...

2026-08-23 ‧ 由 n620970v11 分享
DAY 22

# Day 22|繪圖規格文件(上):先定義節點分類與配色

Day 21 整理出一份完整的流程說明文件,但結尾也留下另一個問題:文件回答了「這個流程做了什麼」,卻還沒說明「這些內容要怎麼畫」。今天就從節點分類與配色開始,...

2026-08-24 ‧ 由 n620970v11 分享
DAY 23

# Day 23|繪圖規格文件(下):版面配置、連線與圖例

昨天先定義了節點分類與配色,但還有一個問題尚未處理:這些節點該怎麼排列,彼此之間的連線又該怎麼畫?今天繼續補上排列方向、外部系統呼叫、連線繞線與圖例,完成這份繪...

2026-08-25 ‧ 由 n620970v11 分享
DAY 24

# Day 24|Skill 是什麼:讓 Claude Code 自己知道何時該做什麼

昨天的結尾留了一個問題:流程說明文件負責回答「畫什麼」,繪圖規格文件負責回答「怎麼畫」,但這兩份文件目前仍是獨立的參考資料。每次使用時,都得手動提醒 Claud...

2026-08-26 ‧ 由 n620970v11 分享