前言¶

技術文章裏缺一張能直接貼進去的圖，是很常見的事。臨時用繪圖工具畫，配色要重調、字體要對齊、箭頭要補定義，導出後放到正文裏又經常風格不統一；交給繪圖模型直接生成 SVG，又容易節點重疊、文字溢出、箭頭方向錯。寶玉多類型圖解繪製就是針對這個場景的 Skill：把「從文字描述到一張可交付的 SVG」這條鏈路固化成一套帶設計系統的繪製約定，覆蓋架構圖、流程圖、時序圖、結構圖、思維導圖、時間線、示意圖、狀態機與數據流圖等多種類型，輸出自包含的單個 .svg 文件，並可轉換爲 @2x PNG。

這是什麼¶

寶玉多類型圖解繪製（座標 @org-b6kzcl68/baoyu-diagram，版本 1.0.0）是一個面向 Agent 的繪圖 Skill，由重慶途光網絡傳媒有限責任公司發佈，來源標註爲 enterprise，在 SkillHub 上分類爲 design-media。它解決的問題是：Agent 在被要求「畫個圖」時，沒有統一的製圖規範，產出的 SVG 往往層次混亂。該 Skill 把暗色主題的配色、字體、網格、箭頭和間距規則寫進約定，讓 Agent 生成的圖自帶一致的視覺約束。Skill 標籤爲 requires_api_key=false，即使用時不依賴額外的 API Key。

核心功能¶

Skill 的能力集中在三件事上。

一是類型覆蓋。它面向技術與概念圖示，官方列明的類型包括架構圖、流程圖、時序圖、結構圖、思維導圖、時間線、示意圖、狀態機與數據流圖，覆蓋系統可視化、流程與數據流展示、組件關係、網絡拓撲、決策樹、組織架構圖等常見需求。

二是設計系統。內置的約定包括語義化配色、JetBrains Mono 等寬字體、網格背景、箭頭標記、正確的圖層繪製順序與嚴格的間距規則。這套約定的作用是約束輸出：圖形無重疊、層次分明，節點文字有固定的字體和字號基準，箭頭有統一的定義而不是每次現畫。

三是輸出形式。產物是自包含的單個 .svg 文件，所有樣式內聯，不依賴外部 CSS 或字體文件；同時支持轉換爲 @2x PNG，便於貼入不支持 SVG 的文檔或做高分辨率插圖。

觸發方式上，Skill 官方寫明的觸發語包括「畫個圖」「畫一個架構圖」「diagram」「flowchart」「sequence diagram」「draw me a …」，也包括上傳一段內容並要求把它可視化。

安裝與啓用¶

官方頁面沒有給出包管理器或命令行安裝命令，下面只列出已覈實的信息，不臆造安裝路徑。

Skill 以座標形式發佈：

@org-b6kzcl68/baoyu-diagram

版本與來源：

版本: 1.0.0
來源: enterprise
分類: design-media
發佈者: 重慶途光網絡傳媒有限責任公司

Skill 基於通用 SKILL.md 格式。按 SkillHub 的座標體系在 Agent 中定位該 Skill 後，即可在對話裏用上面列出的觸發語調用。是否需要手動複製到本地 Skills 目錄，取決於你使用的 Agent 對 SkillHub 座標的解析方式，這一點以 SkillHub 頁面說明爲準。

典型用法¶

用法就是「說清要畫什麼，等 Agent 產出 .svg，再按需轉 PNG」。下面給出可復現的幾類描述方式，圖的內容由 Agent 按 Skill 內的設計系統生成。

架構圖：

畫一個架構圖：入口網關後面接認證服務，再分發到訂單服務和商品服務，
兩個服務共用一個 MySQL，並各自有一個 Redis 緩存。

流程圖：

畫一個流程圖：用戶提交工單，先判斷是否重複，重複則合併，
否則進入分派，分派成功通知用戶，失敗回到人工審覈。

時序圖：

畫一個 sequence diagram：客戶端調用訂單接口，網關鑑權後轉給訂單服務，
訂單服務調用庫存服務並等待結果，最後返回給客戶端。

思維導圖：

畫一個思維導圖：以「發佈流程」爲中心，分支爲代碼評審、構建、
灰度、監控、回滾。

數據流圖：

畫一個數據流圖：埋點日誌寫入 Kafka，由 Flink 清洗後落到數倉，
數倉供報表服務讀取。

拿到 .svg 後，如果需要貼到不支持矢量的文檔裏，按 Skill 的轉換流程導出 @2x PNG 即可。

適用場景與注意¶

適合的場景：需要技術或概念圖示、系統可視化、流程與數據流展示、組件關係說明、網絡拓撲、決策樹、組織架構圖或狀態機，且希望圖直接可用、風格統一的人。尤其適合要在文檔、週報或評審材料裏貼圖，又不想每次重調樣式的情況。

需要注意的幾點。

一是它做的是圖解，不是圖表渲染庫。數據趨勢圖、散點、熱力圖這類統計圖不在它列明的類型裏，硬畫出來效果不會好。

二是生成質量取決於你描述的結構是否完整。節點數量、層級關係、連線方向需要在提示裏說清楚，否則 Agent 只會按最簡結構補全，重疊雖然會因間距規則減少，但語義錯誤不會自動糾正。

三是輸出爲 .svg，部分工具鏈（如公衆號編輯器、某些 Markdown 渲染器）不渲染 SVG，需要先轉成 PNG 或截圖。

四是它不承擔導出後編輯的職責。如果你的圖後續要頻繁改結構，建議在源描述上改，而不是直接改生成的 SVG。

官方簡介末尾還寫了「淘寶搜索 AI靈匣」，這是發佈方的配套入口提示，與 Skill 本身的能力無關。

結尾¶

寶玉多類型圖解繪製的價值在於把製圖規範前置：你只需要把結構說清楚，剩下的配色、字體、網格、箭頭和間距由 Skill 內的設計系統統一兜底，產出的圖可以直接進文檔。適合需要穩定、統一風格圖解的寫作和評審場景。

官方地址：https://api.skillhub.cn/org-b6kzcl68/baoyu-diagram