淹沒在聊天記錄中
AI 產生的圖表埋在三天前的對話裡,沒有隊友會滑到那裡。
與你已經在用的 AI 代理人協同
問題所在
AI 產生的圖表埋在三天前的對話裡,沒有隊友會滑到那裡。
貼進文件的 PNG,程式碼一改就再也無法重新渲染。
新進同事無法理解系統如何串接,只能從頭推敲。
運作方式
Claude 的 plan 模式(或任何 MCP 用戶端)寫好 Mermaid 並儲存在這裡。每張圖都附帶一段描述,下一個代理也能讀懂。
打開圖、平移縮放、切換佈局(Dagre 或 ELK),必要時與程式碼並排微調。每一次儲存都是一次快照。
一個公開連結,可平移縮放、免登入。版本歷史也作為團隊記憶一起帶過去。
原生支援代理
DiagramZu 是一台 MCP 伺服器,自帶 14 個工具——建立、讀取、更新、列出圖表,瀏覽資料夾,查閱版本歷史,編排簡報集,留下留言,以及分析圖表問題。Claude Code、Cursor 與自訂代理可直接讀寫你的圖表,無需複製貼上。
Claude 一鍵連接 Claude 使用者可將 diagramzu 新增為自訂連接器,用帳號授權即可 — 無需複製 API 權杖。權杖設定仍可用於 Cursor、ChatGPT 等所有 MCP 用戶端。
claude mcp add --scope user --transport http diagramzu https://mcp.diagramzu.ai/mcp \
--header "Authorization: Bearer dz_live_xxx"版本歷史
每一次儲存都是帶版本的快照。打開歷史抽屜,就能看見架構如何演進、上週二 AI 改了什麼、為什麼。圖表本身成為運行紀錄——現在由人閱讀,將來由下一個代理閱讀。
隨處嵌入
貼上一段 iframe,圖便就地渲染——可平移縮放、隨主題切換、始終最新——嵌入你的文件、Notion、部落格或 Wiki。每個嵌入都悄悄帶一條連結回家,你還能看到它在過去 7 天內被載入了多少次。
你能得到
依空間巢狀整理圖表。
可平移縮放的唯讀連結,免註冊。
內建 English、繁體中文、简体中文與日本語。
程式碼一改,圖表即時更新。
每張圖都能在 Dagre 與 ELK 間切換——選擇最貼合系統形狀的佈局。
代理可呼叫 analyze_diagram,讀取渲染後的形狀而不僅是 Mermaid 原始碼——對圖本身給回饋,而非對文字。
用一個 iframe,把可平移縮放的即時圖放進文件、Notion 或部落格——原始碼一變就重新渲染。
把多張圖編成有序的簡報集,全螢幕放映——工程師審閱過的那份原始碼,直接搬進會議室。
把留言釘在任意節點上,與團隊一起審閱 AI 提出的圖,待設計定案後再逐一清除。
為何而做
看一張圖,比讀 AI 寫的 600 行說明更快。開啟審查後,代理的修改會先作為提案等待——你看過差異,批准或駁回,再決定是否覆寫。
一個共享連結。版本歷史記錄系統如何演進。新工程師看到的是活地圖,不是過時的 wiki。
CTO 審閱過的同一張圖,會出現在 CEO 與 CPO 的簡報裡。一套圖,貫穿工程與高層兩端。
為什麼選 DiagramZu
PNG 在程式碼變動後無法重新渲染,也沒人能編輯。DiagramZu 保留原始碼——每次打開都重新套用主題、重排版面,始終最新。
本機 Mermaid 工具畫完圖就忘了。什麼都留不下,也無法分享。DiagramZu 是能跨越工作階段留存的家——一條連結、完整歷史,檢視無需登入。
代理人在做正事時已經畫好了圖。DiagramZu 透過 MCP 直接接住它——你不必再到另一個把 AI 硬塞進畫布的工具裡重敲一遍提示詞。