Boo哥AI流程圖-drawio：用 Skill 生成可編輯的 .drawio 圖表
Boo哥AI流程圖-drawio（@user_3c9003af/boo-ai-drawio，v1.0.0）是 SkillHub 上的 design-media 類社區 Skill，由 Boo哥AI智寫發佈。它面向 Claude Code 等支持 Skill 的客戶端，通過交互模式生成原生 .drawio 文件，並可導出 PNG、SVG、PDF、JPG、WebP；提供 7 類圖表、6 套主題與三檔複雜度，並支持中文排版。本文基於 SkillHub 頁面說明安裝路徑（skillhub install 與 skillhub.cn/install/skillhub.md）、典型自然語言用法及使用注意，無需 API Key。
閱讀全文SVG圖示製作專家：用內置規範生成與審查 SVG 圖示
SVG圖示製作專家是 SkillHub 社區 Skill（@user_82fbf76f/svgbuilder，v1.2.0），按內置設計規範生成與審查流程圖、架構圖、閉環圖、維恩圖與表格圖。涵蓋座標規劃、35 條可量化規則及生成後三輪自檢與案例積累；無需 API Key。本文說明定位、能力與通過 skillhub CLI 安裝到 Cursor 等客戶端 skills 目錄的方法，並給出生成、修復與評審 SVG 的典型對話用法。
閱讀全文架構圖與流程圖繪製 Skill：在 Agent 對話裏產出架構圖與流程圖
架構圖與流程圖繪製 Skill（@user_60120345/diagram-builder-pro，v1.0.0）是 SkillHub 社區 dev-programming 類技能，無需 API Key。支持系統架構、微服務、網絡拓撲、業務流程、數據流、時序圖、狀態機、ER 圖等，可通過 show_widget 內聯 SVG 或 Mermaid 代碼塊輸出。安裝可參照 skillhub.cn/install/skillhub.md，用 skillhub install 指定 Agent 的 skills 目錄，或在對話中讓 AI 按官方提示安裝。適合在 Cursor、Claude Code、Codex 等環境中用中英文關鍵詞觸發繪圖。
閱讀全文流程圖繪製助手：按 GB 1526-89 在 Agent 裏出圖
流程圖繪製助手是 SkillHub 社區技能 @user_516d7c35/flowchart-designer（v1.0.0，design-media），按 GB 1526-89/ISO 5807-1985 繪製程序流程圖、數據流程圖、系統流程圖、程序網絡圖與系統資源圖，可輸出 Mermaid、SVG 或 HTML。無需 API Key。安裝需 skillhub CLI 並用 --dir 指向 Agent 的 skills 目錄（如 Cursor 爲 ~/.cursor/skills/），或向 AI 發送官方安裝提示詞。適合文檔與評審中快速出標準符號流程圖。
閱讀全文Mermaid Diagram：讓 Agent 輸出可渲染的 Mermaid 圖
Mermaid Diagram（@clawhub_pupujanet-eng/mermaid-diagram）是 pupujanet-eng 發佈的 Agent Skill，引導模型按類型選型並輸出語法有效的 Mermaid 代碼塊，覆蓋流程圖、時序圖、思維導圖、ER 圖、用戶旅程等。無需 API Key。可通過 skillhub install 安裝到 Cursor 等客戶端的 skills 目錄，或用 openclaw skills install 從 ClawHub 安裝。文章基於 SkillHub 與 ClawHub 官方說明整理安裝步驟與示例。
閱讀全文代碼流程圖生成 skill：把複雜代碼邏輯畫成樹狀流程圖
本文介紹 SkillHub 社區 Skill「代碼流程圖生成 skill」（@user_76770c14/hyy，v1.0.0），用於將複雜代碼邏輯整理爲樹狀流程圖以直觀呈現運行路徑。說明其定位、無需 API Key 的特點，以及通過 skillhub CLI 或按官方安裝文檔將技能裝入 Cursor、Claude Code、Codex 等 Agent skills 目錄的步驟，並給出在會話中針對代碼片段請求生成流程圖的典型用法與適用注意。
閱讀全文Draw.io自動生成器：把自然語言和文檔變成可編輯的 .drawio 圖
Draw.io自動生成器是 SkillHub 社區 Skill（@user_509b3ac1/drawio-generator-pro，v1.0.0），無需 API Key。它將自然語言流程描述或上傳文檔轉爲 draw.io 可編輯的 .drawio XML 文件，適用於流程圖、架構圖、時序圖與網絡拓撲等場景。安裝需按 skillhub.cn/install/skillhub.md 使用 skillhub CLI 並指定 Agent 的 skills 目錄。生成後應在 app.diagrams.net 或桌面版 draw.io 中打開並手動微調。
閱讀全文Markdown轉流程圖：把文檔步驟收成 Mermaid 流程圖
Markdown轉流程圖是 SkillHub 社區 Skill（@user_6df795bb/markdown-to-flowchart，v1.0.0），將 Markdown 轉爲 Mermaid 流程圖，便於可視化步驟、架構與依賴；無需 API Key。文章說明定位、觸發意圖、按 skillhub.md 與 CLI 安裝到 Cursor 等目錄的路徑，以及對話式典型用法與校對注意。
閱讀全文ProcessOn Diagram Generator：用自然語言生成可編輯在線圖表
ProcessOn Diagram Generator（@user_697d94c5/processon-diagramgen，v2.5.2）是 ProcessOn 官方在 SkillHub 發佈的繪圖技能，無需 API Key。支持用自然語言或 Mermaid 生成流程圖、泳道圖、時序圖、架構圖、ER 圖、組織架構、時間軸與信息圖等可在線編輯圖表。本文說明其定位、核心能力、通過 skillhub CLI 安裝到 Cursor/Claude Code/Codex 等 skills 目錄的步驟，以及典型觸發方式與使用注意。
閱讀全文ProcessOn流程圖表生成專家：用自然語言生成可編輯在線圖表
ProcessOn流程圖表生成專家是 ProcessOn 官方在 SkillHub 發佈的 Agent Skill（v2.5.3），用於將自然語言或 Mermaid 轉爲可在線編輯的流程圖、泳道圖、時序圖、架構圖、ER 圖、組織圖、時間軸與信息圖。適合開發、產品與設計中「自動畫圖」「可視化業務流程」等場景；標註 requires_api_key，需通過 skillhub install 安裝到 Cursor 等 Agent 的 skills 目錄並配置 API Key。
閱讀全文架構圖與流程圖繪製專家：在 Agent 裏直接出架構圖與流程圖
「架構圖與流程圖繪製專家」是 SkillHub 社區 Skill（@user_04c33885/diagram-builder，v1.0.3），無需 API Key。支持系統架構、微服務、拓撲、業務流程、數據流、時序、狀態機、ER 等圖種，輸出 show_widget 內聯 SVG 或 Mermaid 代碼塊。本文說明定位、能力、skillhub 安裝命令及 Cursor 等 skills 目錄，並給出對話觸發關鍵詞與使用注意。
閱讀全文