前言¶
寫技術文檔或彙報材料時，配圖往往比文字更說明問題，但實際動手成本不低：先想清楚該用哪種圖，再回憶圖表畫法，最後手動排版。Mermaid 能解決一部分問題，複雜佈局仍然喫力；Draw.io 適合 UML 和泳道圖，卻要手動拖拽。
下面介紹 visual-diagram-suite，一個把「描述需求」和「選圖渲染」合併到一個入口的 Skill。
這是什麼¶
visual-diagram-suite 是發佈在 SkillHub 社區的圖表生成套件，座標 @user_cbe7a01d/visual-diagram-suite，當前版本 3.0.1，分類 design-media，發佈者 user_cbe7a01d。
它解決的問題是：用戶不需要記住圖表名稱，用自然語言描述問題、場景或需求即可，AI 識別意圖後自動匹配並渲染對應圖表。內置 40 餘種專業圖表，覆蓋根因分析、方案對比、優先級規劃、戰略研判、項目排期、系統架構、協作流程、調用時序、狀態流轉等常見業務場景。
核心能力¶
- 意圖路由：根據用戶描述自動選擇圖表類型。例如「根因在哪」匹配魚骨圖 / 5why / FTA，「A vs B 選哪個」匹配 SWOT / 決策樹 / 雙氣泡圖，「優先級」匹配艾森豪威爾矩陣 / 影響力矩陣，「排期」匹配甘特圖 / 時間線，「多角色協作」匹配泳道圖，「狀態流轉」匹配狀態機圖。
- 圖表覆蓋：內置 40 餘種專業圖表，按官方說明覆蓋邏輯、流程、管理、架構等類型。
- 多渲染引擎：同一套件內提供 HTML/CSS、SVG、Mermaid、Draw.io XML 四種渲染方式，按用途選擇。
四種渲染引擎怎麼選¶
- HTML/CSS（show_widget）：複雜圖首選，佈局自動，跨模型兼容。
- SVG（show_widget）：簡單圖、含動畫的場景，適合 PPT 彙報。
- Mermaid：零依賴，技術文檔首選。
- Draw.io XML：UML、泳道圖、數據流圖（DFD）的最佳匹配。
選擇原則：彙報用優先 SVG，寫文檔優先 Mermaid，複雜結構圖優先 HTML/CSS，標準 UML / 泳道 / DFD 優先 Draw.io XML。
安裝與啓用¶
已抓取資料未提供獨立安裝命令。該 Skill 通過 SkillHub 分發，已覈實的信息如下：
座標：@user_cbe7a01d/visual-diagram-suite
版本：3.0.1
來源：community
分類：design-media
requires_api_key：false
requires_api_key=false 表示使用時不需要額外配置 API Key。具體安裝方式請以 SkillHub 頁面（https://www.skillhub.cn/skills/user_cbe7a01d/visual-diagram-suite）爲準，避免使用未經覈實的命令。
典型用法¶
不需要指定圖表名，直接描述意圖即可。以下是官方給出的路由示例（用戶話 → 自動選圖）：
- 「爲什麼出這個問題 / 根因在哪」→ 魚骨圖、5why、FTA
- 「A vs B 選哪個 / 方案對比」→ SWOT、決策樹、雙氣泡圖
- 「緊急程度 / 先做哪個 / 優先級」→ 艾森豪威爾矩陣、影響力矩陣
- 「戰略分析 / 怎麼擴張」→ SWOT、安索夫、BCG
- 「項目排期 / 要多久」→ 甘特圖、時間線
- 「系統怎麼設計 / 架構」→ 分層架構、C4、洋蔥、六邊形
- 「多角色協作 / 審批流」→ 泳道圖
- 「調用關係 / 誰先調用誰」→ 時序圖
- 「狀態怎麼流轉」→ 狀態機圖
- 「對比下 X 和 Y」→ 雙氣泡圖、對比表
觸發詞方面，官方列出的包括：畫圖、可視化、梳理、拆解、對比、畫一下、流程、架構、排期、優先級、根因、why、彙報用、寫文檔，以及 diagram、visualize、chart、show、draw。
適用場景與注意¶
適合：需要頻繁產出彙報配圖、文檔插圖、方案對比圖的用戶；不想或記不住圖表名稱的人；希望同一入口覆蓋多種圖表類型的團隊。
注意：
- 已抓取資料未提供渲染效果樣例，實際輸出質量需自行驗證。
- 截至抓取時，SkillHub 頁面顯示評分 100000、下載 842、安裝 0，社區安裝量不高，遇到問題可參考官方頁面或發佈者信息。
- 該 Skill 屬於 community 來源，使用前建議確認版本與兼容性要求。
小結¶
visual-diagram-suite 的價值在於把「選圖」這一步從用戶身上拿走：用自然語言描述需求，剩下的由意圖路由和四種渲染引擎完成。對於經常需要圖表但不想維護多種工具的場景，它是一個可試用的入口。
官方地址：https://api.skillhub.cn/user_cbe7a01d/visual-diagram-suite
