前言¶
技術寫作裏最常見的重複勞動是畫圖。架構、流程、時序這些信息已經寫在文檔裏了，但要變成一張能貼進文章或評審 PPT 的圖，還得自己打開繪圖工具，重新認一遍實體和連線。用 AI 直接生成也有問題：圖面要素堆在一起，佈局和配色基本失控，改幾次之後不如手畫。
圖繪大師（@user_e4cd0604/diagram-master）走的是另一條路徑：先把材料讀成結構化的實體、關係、層級，再由專門的畫圖角色逐張產出 SVG，佈局和配色都在可控範圍內。下面介紹它的能力邊界和用法。
這是什麼¶
一句話定位：把文章、文檔或網頁轉成結構化圖、架構圖、系統圖的高保真 SVG 手繪助手。
- 出品方：SkillHub 社區，座標
@user_e4cd0604/diagram-master，發佈者user_e4cd0604 - 版本：1.0.0
- 來源：community
- 分類：design-media
- 是否需要 API Key：否（標籤
requires_api_key=false） - 官方地址：https://api.skillhub.cn/user_e4cd0604/diagram-master
它解決的是「文字材料 → 圖」這一步的保真度問題。輸入是任意一段文字，輸出是可直接使用的 SVG 文件，而不是一段需要再排版的描述。
多角色協作的生成流程¶
這個 Skill 不是單次調用，而是三個角色串行工作：
- 內容解析師：從原始材料中提煉實體、關係、層級。
- 圖表設計師：決定用哪一類圖承載這些信息，並規劃佈局與配色。
- 執行者：把設計落到 SVG，逐張繪製。
分角色的意義在於把「看懂內容」和「畫準圖」分開。前者依賴對材料的理解，後者依賴對圖面佈局的控制，混在一個步驟裏容易兩頭都不到位。
支持的 12 類圖¶
官方列出的類型如下：
分層架構、流程、時序、思維導圖、框架、組件、數據流、層級、矩陣、循環、時間線、對比。
選型建議：層級關係用分層架構或層級圖，時間相關的用時序圖或時間線，並列對比用對比圖或矩陣，非分層的關係用思維導圖或關係圖。
安裝與啓用¶
SkillHub 的詳情頁是前端渲染頁面，本次抓取未能取到正文，因此安裝命令和配置字段無法覈實，這裏不給出猜測性的命令。啓用方式以官方頁面爲準：https://www.skillhub.cn/skills/user_e4cd0604/diagram-master
需要確認的兩點：一是目標客戶端（Cursor / Codex CLI / Claude Code）的 Skill 掛載方式是否一致，二是是否需要配置任何環境變量。在官方頁面覈實前，不要假設它和同目錄下其他 Skill 的安裝方式相同。
典型用法¶
這個 Skill 的觸發方式是自然語言描述需求，官方給出的觸發語包括：
畫架構圖
畫系統圖
畫流程圖
畫時序圖
把這段文章/文檔/文字畫成圖
把文檔轉成圖
diagram
架構圖
流程圖
系統圖
思維導圖
關係圖
組件圖
數據流圖
diagram-master
也就是說，直接把材料和需求一起給出去即可，例如「把下面這段系統說明畫成架構圖」。它會先解析內容，再逐張產出 SVG。輸入可以是文章、文檔或網頁內容。
適用場景與注意¶
適合的場景：
- 文檔寫完後需要配圖，但不想額外花時間排版
- 評審材料裏要放系統圖、數據流圖，且希望圖面風格統一
- 手上有網頁或長文，需要快速抽出其中的實體和關係作爲後續加工的基礎
需要注意的限制：
- 它是「轉圖」工具，不是排版工具。產出是 SVG，最終嵌入文章或 PPT 時仍可能需要自己調整尺寸和字體
- 複雜材料裏實體數量多，圖面可讀性取決於解析師抽取的粒度；如果抽出來的實體過多，需要分圖或補充約束
- 生成結果依賴材料本身的表述。原文沒寫的結構關係，它不會憑空補全
- 頁面評分與下載量爲抓取時的快照，Skill 可能更新，用之前先覈對版本
小結¶
圖繪大師的價值在於把「讀懂材料」和「畫準圖」拆成兩個階段，並用 12 類圖覆蓋常見的技術表達需求。對於已經在寫文檔、只是缺圖的開發者，它能省掉大部分重複勞動。
官方地址：https://api.skillhub.cn/user_e4cd0604/diagram-master
社區頁面：https://www.skillhub.cn/skills/user_e4cd0604/diagram-master
