我的 Claude Code 自訂指令－視覺化
先說結論
- 讓 AI 用視覺化圖表方式解釋，比看長篇文字還有效率
- 但也不需要所有回答都用這個方式，所以我把它設定成斜線指令
- 是我最常用的指令前三名
為什麼需要「視覺化」
簡單來說有時候你問的問題或請 AI 解釋
就是要看一篇長篇大論，耐著性子看完很耗費精神力
人類大腦天生就是喜歡看圖
因此對於有結構化、流程的資訊，用成資訊圖表就很適合
直接看範例
用眼睛感受一下
讓 AI 讀一份文件然後說明
我有設定 output-style 是 Explanatory
基本上回答得很不錯，看起來也沒什麼問題
就是內容有點多
很容易隨便看一看滑過去
好像知道了又好像等於沒看
使用視覺化指令再說明一次
我想我應該不用在多解釋什麼了，看起來就是舒服
馬上有一種我完全懂了的錯覺XD
這套指令幾乎萬用
只要我稍微看到 AI 回覆有點看不下去
我就會使用這個指令
也可以要求 AI 用視覺化寫文件
方便以後閱讀
但視覺化的文件對於給 AI 閱讀
輸出品質不會比較好
理論上其他 AI 工具都可以使用
但我沒試過
因為 CLI 環境特別適合 ASCII 文字圖的呈現方式
在 IDE 看起來會不會怪我就不知道了
補充
我沒有把這個指令設定成 output-style 或是 system prompt（CLAUDE.md ）
主要是我實際沒有每次回應都要視覺化
並且這樣也可以節省 token 的使用（不用等太久）
但要設定成 output-style 或是直接寫在 CLAUDE.md 是可以的
自己習慣就好
指令在此，自行取用
---
description: 解釋技術概念、架構設計或流程
---
# 視覺化優先解釋模式
當我請你解釋技術概念、架構設計或流程時，請使用「視覺化優先」的解釋方式：
【解釋原則】
1. 不使用程式碼（除非我明確要求）
2. 大量使用圖表、流程圖、表格來輔助說明
3. 從高階概念逐步深入細節
4. 用對比方式展示改進（現況 vs 建議）
5. 提供實際案例和場景
【解釋結構】
請按照以下結構組織回答：
## 一、核心概念總覽
- 用一段話說明本質
- 用簡單的圖表展示全貌
## 二、現況分析（如適用）
- 目前的做法/問題
- 用圖表呈現現有架構
## 三、解決方案/概念詳解
- 核心想法的視覺化呈現
- 各組件關係圖
- 資料/流程走向
## 四、具體案例
- 用時間軸或流程圖展示實際運作
- 標註關鍵決策點
## 五、優劣對比
- 用表格或對比圖展示優缺點
- 說明適用場景
## 六、實施建議
- 分階段實施圖
- 風險與注意事項
【視覺化工具】
優先使用這些方式呈現：
- 架構圖（方框與箭頭）
- 流程圖（判斷與分支）
- 時間軸（事件順序）
- 對比圖（before/after）
- 關係圖（組件互動）
- 表格（結構化比較）
- 樹狀圖（層級關係）
【圖表風格】
使用 ASCII 圖表，包含：
- 方框：┌─┐│└┘
- 箭頭：→ ↓ ↑ ←
- 連線：──│├└
- 強調：【】『』
- 分隔：═══
【說明風格】
- 每個圖表前後都要有文字說明
- 複雜概念要分解成多個簡單部分
- 用類比幫助理解（如適用）
- 標註「為什麼」而不只是「是什麼」
記住：目標是讓讀者快速理解概念和架構，而不是展示技術細節。
簡化版 Prompt（日常使用）
請用「視覺化解釋模式」回答：
- 不用程式碼，改用圖表和流程圖
- 先總覽再細節，從抽象到具體
- 對比現況與改進方案
- 用 ASCII 圖表呈現架構和流程
- 加入實際案例說明
- 解釋設計理由和權衡
特定場景版本
架構設計討論
請用架構圖解釋：
1. 畫出系統組件和互動關係
2. 標示資料流向
3. 對比不同方案的優劣
4. 不要程式碼，專注在概念
流程優化討論
請用流程圖解釋：
1. 現有流程 vs 優化後流程
2. 標註瓶頸和改進點
3. 用時間軸展示執行順序
4. 說明每個改進的理由
概念學習
請用視覺化方式教學：
1. 核心概念的簡單圖示
2. 組件關係和互動
3. 實際運作的案例
4. 常見誤解的澄清
使用範例
你可以這樣使用：
「請用視覺化解釋模式說明微服務架構」
「用流程圖解釋 OAuth 2.0 的運作」
「不要用程式碼，用圖表說明資料庫索引的原理」
「用架構圖對比 REST 和 GraphQL」
為什麼這種方式有效
傳統技術討論 視覺化優先討論
│ │
↓ ↓
大量程式碼 概念圖表
技術細節 業務邏輯
實作方式 設計理念
↓ ↓
難以快速理解 一目瞭然
溝通成本高 容易達成共識
Prompt 客製化建議
根據你的需求，可以調整：
【調整重點】
如果你想要：
更技術導向
→ 加入「可以使用偽代碼說明算法」
更商業導向
→ 加入「用商業術語，避免技術黑話」
更教學導向
→ 加入「加入練習題和思考問題」
更快速
→ 使用簡化版，只要核心圖表
補充說明
這個 prompt 的設計理念：
┌────────────────────────────────────────┐
│ 視覺化解釋的層次 │
├────────────────────────────────────────┤
│ │
│ 第一層：一句話說清楚本質 │
│ ↓ │
│ 第二層：核心概念圖（全局觀） │
│ ↓ │
│ 第三層：組件關係（架構） │
│ ↓ │
│ 第四層：執行流程（細節） │
│ ↓ │
│ 第五層：實例演示（應用） │
│ │
└────────────────────────────────────────┘
讀者可以在任何層次停下來，已經獲得該層次的理解
這樣的 prompt 能確保：
1. 快速理解：圖表比文字更直觀
2. 深度可控：讀者選擇深入程度
3. 記憶深刻：視覺記憶比文字持久
4. 便於討論：圖表是共同語言