最適合誰
在 Claude Code 工作流裡待很久、又需要定期產架構圖的工程師。寫技術部落格、產品文件、內部規格書時，如果你已經在 Claude 對話裡解釋了一遍系統架構，直接說「幫我畫成圖」就能得到一張放得進簡報的圖，不需要切換到 Figma 或 Lucidchart。
如果你現在用 Mermaid.js 是因為懶得開設計工具，這個 Skill 是直接的升級。
我實際怎麼用
一般的用法是在 Claude Code 裡直接描述架構，指定風格編號，讓 Skill 把 SVG 存到指定路徑。例如「畫一張 RAG 流程圖，包含向量資料庫、Reranker、LLM。Style 2 暗黑風格。」大概 10 秒內就出圖。
要放部落格的圖，我會再用 rsvg-convert 匯出 1920px PNG。macOS 上 brew install librsvg 一行安裝，之後就不用再管它。這個步驟要先做好，否則 PNG 匯出會靜默失敗，只拿到 SVG。
當圖表節點變多（大概超過 20 個），我不會硬撐，直接把系統拆成兩三張子圖，分別畫完。這樣不只繞開佈局問題，文件結構本來就應該這樣拆。
繁體中文 Prompt 偶爾在某些圖類型下佈局比英文差一點，技術詞彙混用英文可以解決，不算大問題。
真正強的地方
- 7 種視覺風格（Dark Terminal、Blueprint、Glassmorphism、Notion Clean、Claude Official、OpenAI Official），和 Mermaid.js 並排比一下差距很明顯，不是說說而已
- 14 種圖表類型，UML 全包：Sequence、Class、Activity、State、Component、Deployment、Use Case 都在，不需要為不同圖換工具
- rsvg-convert 直接渲染，不是瀏覽器截圖。PNG 1920px 無壓縮失真，Retina 螢幕放大不模糊
- 自然語言描述，不用學 Mermaid 的語法，把你想要的架構說清楚，Skill 自己搞定
- AI 架構深度覆蓋：RAG、Multi-Agent、Mem0、Tool Call 流程有預設模板，效果比自己從頭描述好
失敗模式與不該用的情境
- 沒裝 rsvg-convert 就沒有 PNG，只有 SVG。macOS 一行
brew install librsvg可解，但容易忘記這個步驟 - 30+ 節點佈局會重疊：節點一多，自動佈局就開始打架，節點互相壓在一起。解法是拆子圖，但這是額外工作
- 純中文 Prompt 在少數圖類型下佈局比英文稍差，技術詞彙建議雙語混用
- v1.0.4（2026-04-17），版本更新快，建議定期跑
--force更新
價格、上手門檻與風險
開源專案（GitHub），免費使用。安裝是 npx skills add，不需要額外的 Python 環境設置，初學者可以直接上手。唯一的門檻是 rsvg-convert 這個系統依賴，一次性安裝解決。
風險低：只生成本地 SVG/PNG 靜態檔案，沒有網路呼叫，資料不離機。
結論
如果你用 Claude Code，又常常需要畫架構圖，這個 Skill 值得裝。和 Mermaid.js 的視覺品質差距是真實的，自然語言介面快到可以融入日常節奏而不感覺到負擔。先確認 rsvg-convert 裝好，不然 PNG 匯出不動你會找半天。
CI/CD 環境無法預裝系統依賴、或圖表長期維持 50+ 節點不願拆分的場景，這個 Skill 不是好選擇。