對話內視覺化（Inline Visuals）
Claude 在對話中直接生成互動式圖表、流程圖、視覺化內容——不必跳出對話切換工具。
上線時間
2026/03/12 Beta 階段，所有使用者（含免費）開放。
技術基礎
- 基於 HTML + SVG 構建
- 支援懸停 + 點擊互動
- 可隨對話推進動態更新
Inline Visuals vs Artifacts
| Inline Visuals（對話內） | Artifacts（持久化） | |
|---|---|---|
| 性質 | 臨時、隨對話變化 | 持久、可分享 |
| 位置 | 對話訊息內 | 側邊欄 |
| 適用 | 探索、解釋概念 | 交付成果 |
| 匯出 | SVG / HTML | 完整檔案 |
比喻
- Inline Visuals = 在討論時臨時「畫白板」
- Artifacts = 寫完整份「報告」
使用建議
| 場景 | 用什麼 |
|---|---|
| 「幫我畫一個流程圖」 | Inline |
| 「探索這份資料」 | Inline + Artifact 收尾 |
| 「做一份可分享的報告」 | Artifact |
| 「除錯時臨時看認證流程」 | Inline |
匯出 / 轉換
Inline Visuals 可：
- 匯出為 SVG 或 HTML
- 轉成 Artifact 持久儲存
範例情境
除錯場景
我：「我的認證 flow 不通，幫我畫一個圖」
Claude：[即時生成流程圖 with login/JWT/callback nodes]
我：「JWT 那段，如果 token 過期會怎樣？」
Claude：[圖中 highlight token 過期分支，並加上紅色錯誤路徑]
我：「OK 找到問題了，這節點我寫錯」
→ 不必開 Visio / Lucidchart / draw.io，對話中即解。
概念解釋
我：「跟我解釋 PAM 系統的等第天花板邏輯」
Claude：[生成判定流程圖：懲處 → 假勤 → 年資 → 天花板等第]
我：「事假 14 天那條規則，hover 一下」
Claude：[hover 顯示 detail：14 天 = 112 小時 = 觸發甲等天花板]
對 Vincent 工作場景
1. 跟 HR 解釋複雜規則
不必畫好 PPT。對話中問 Claude「畫個等第判定流程」→ Claude 畫圖 → HR 用手機看 → hover 看細節 → 立即懂。
2. PAM bug 排查
「畫個 退回流程 的狀態圖，標出每步清掉哪些欄位」→ Inline 出來 → 一眼找出邏輯漏洞。
3. 跟主管報告
對話中產 Inline → 主管看完追問 → 動態更新 → 確認 OK 後轉為 Artifact 存檔。
限制
- 不適合複雜大圖（大量節點時 SVG 卡）
- Beta 階段，偶爾渲染怪異
- 不支援 3D / 影片
跟 Excel + PowerPoint 整合 的差異
| Inline Visuals | Excel/PPT | |
|---|---|---|
| 形態 | 對話中的 SVG | 真實 .xlsx / .pptx |
| 目的 | 探索、解釋 | 正式交付 |
| 編輯 | 跟 Claude 對話 | 開檔案手動編 |
兩者場景不同，並用最佳。
相關概念
強連結（原文明確提及）
- Cowork — 桌面 App
- Claude.ai — 網頁 App，同樣支援 inline visuals
- Excel + PowerPoint 整合 — 持久化版本
- wiki-compile — 建的 map 也是視覺化（Mermaid 形式）
- 補充：Mermaid（一種文字描述圖的格式，依賴其他工具渲染，非獨立 wiki entity）
← 回到 wiki