dsh-mermaid-plugin：在 DSH 聊天里把 Mermaid 代码块渲染成图
shinelon 维护的 DSH 客户端插件 dsh-mermaid-plugin，在 Web 对话界面自动识别 ```mermaid 代码块并渲染为 SVG，支持约 20 种图类型、图形/源码切换、明暗主题跟随与出错时保留源码。服务端 apply 为空，逻辑在预构建 client.js（mermaid 11.17.2）中；可通过 dsh-market 或 dsh plugin add 从 GitHub 安装，仅适用于 DSH Web，MIT 许可。
閱讀全文涌现科学 Render API 技能：在 Agent 里渲染 TikZ、Mermaid、Graphviz、D2
介绍 SkillHub 技能 @user_1acc1bde/emergence-render-image（v1.0.0，design-media）。通过 Emergence Science Render API 将 TikZ、Mermaid、Graphviz、D2 源码渲染为专业图表，标签 requires_api_key=true。说明 SkillHub CLI 安装路径、skillhub install 命令及 Cursor/Claude Code/Codex 常见 skills 目录；公开页未提供 SKILL.md 细节时仅归纳用法轮廓，并提示 API Key、远端渲染与安装可用性注意点。
閱讀全文dsh-plugin-kit：单文件会话与图表预览插件集
Sayi 维护的 dsh-plugin-kit 包含四个 DeepSeek Harness 插件：dsh-file-session 将会话绑定到唯一文件并守卫写入；dsh-preview-kit 提供预览外壳；dsh-mermaid 与 dsh-d2 分别预览 *.mmd/*.mermaid 与 *.d2。安装需在 DSH 中逐条填写 GitHub 地址，预览需先装 preview-kit，d2 需本机 CLI。MIT 许可，面向 DSH 0.2.x 桌面端。
閱讀全文dsh-plugin-mermaid-gb-svg：把 Mermaid 流程图转成 GB/T 1526 国标 SVG
介绍 DSH 社区插件 dsh-plugin-mermaid-gb-svg：在 DeepSeek Harness 中通过工具 mermaid_to_gb_svg，将 Mermaid 流程图生成为符合 GB/T 1526-1989（等同 ISO 5807）的 SVG，支持国标符号映射、正交走线与判断分支约定，可选 A4/A3 自动分页与换页连接符。说明 npm 安装、cordis.patch 启用、主要参数与沙箱写入，以及适用场景与安全注意事项。
閱讀全文文檔轉圖表、圖片：把長文變成可對照瀏覽的自包含 HTML
介紹 SkillHub 社區 Skill「文檔轉圖表、圖片」（@user_70775cd1/docs2html，v3.6.4）：將文字與表格提煉爲左大綱、右分屏的自包含 HTML，數據用 ApexCharts、流程用 Mermaid、對比用矩陣/卡片，支持拖拽與僅文字/僅圖表切換，在線改稿後重生成圖表，並可導出 PPT/PDF。說明 skillhub CLI 與 AI 提示詞兩種安裝方式、典型對話用法及無需 API Key 等注意點。
閱讀全文dynamic-archify：用自然語言或 Mermaid 生成可導出的架構圖 HTML
dynamic-archify 是 SkillHub 社區 Skill（v1.0.6，design-media），由 user_ab5ae6ee 發佈，無需 API Key。它根據自然語言或 Mermaid（flowchart、sequenceDiagram、stateDiagram）生成 archify 風格的獨立 HTML 與 SVG，支持明暗主題，並可導出 PNG、JPEG、WebP、SVG（簡介另含 GIF）。適用於系統與雲架構、網絡拓撲、CI/CD 與審批流、API 時序、數據管道、狀態機等圖示，也可美化已有 Mermaid。安裝需 skillhub CLI，使用 skillhub install @user_ab5ae6ee/dynamic-archify-unclecheng --dir 指向 Agent 的 skills 目錄。
閱讀全文軟件架構圖生成器：從說明文本到 Mermaid 架構圖與設計文檔
軟件架構圖生成器是萬維易源在 SkillHub 發佈的企業 Skill（v1.0.0，@showapi/software-architecture-diagram-generator-showapi）。輸入軟件說明書或文本後，解析架構意圖、抽取組件與層級，生成 Mermaid 代碼，經評審補全後輸出架構設計文檔並渲染高清架構圖，適用於文檔編寫、架構評審與技術方案。安裝需按 skillhub.cn/install/skillhub.md 使用 skillhub install 並指定 Agent 的 skills 目錄；需配置 ShowAPI 密鑰（requires_api_key=true）。
閱讀全文Diagram生成器：在 Agent 中生成與編輯多格式技術圖表
Diagram生成器是 SkillHub 社區 Skill（@u_8ee34d77/diagram-generator，v1.1.7），通過工具在對話中生成與編輯 Draw.io、Mermaid、Excalidraw 圖表，覆蓋網絡拓撲、架構、流程圖與 UML。無需 API Key，適合效率、自動化與批量出圖；不適用於強依賴人工創意判斷的任務。本文基於官方頁面說明安裝方式（提示詞或 skillhub CLI 指定 skills 目錄）與典型對話用法，並給出適用邊界與官方鏈接。
閱讀全文架構圖與流程圖繪製 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 官方說明整理安裝步驟與示例。
閱讀全文Markdown轉流程圖：把文檔步驟收成 Mermaid 流程圖
Markdown轉流程圖是 SkillHub 社區 Skill（@user_6df795bb/markdown-to-flowchart，v1.0.0），將 Markdown 轉爲 Mermaid 流程圖，便於可視化步驟、架構與依賴；無需 API Key。文章說明定位、觸發意圖、按 skillhub.md 與 CLI 安裝到 Cursor 等目錄的路徑，以及對話式典型用法與校對注意。
閱讀全文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 目錄，並給出對話觸發關鍵詞與使用注意。
閱讀全文dsh-mermaid：面向 DeepSeek Harness 的 Mermaid 圖表插件
`dsh-mermaid` 是 DeepSeek Harness 的一個插件，旨在解決官方 Markdown 渲染器無法直接渲染 Mermaid 代碼的問題。該插件通過 `mermaid_render` 工具實現圖表生成，並利用轉錄卡片、回合末尾產物行及側欄查看器展示圖表。插件具備嚴格的安全淨化機制，支持滾輪縮放與拖拽平移，適用於需要模型輸出流程圖、架構圖或時序圖的場景。
閱讀全文xby-mermaid-doc：DeepSeek Harness 插件介紹
xby-mermaid-doc 是 DeepSeek Harness (DSH) 插件生態中的一個聯網工具，旨在解決開發者編寫技術文檔時頻繁查閱 Mermaid 語法的問題。該插件通過 MCP 協議提供 `set_xby_apikey`（設置密鑰）和 `get_diagram_doc`（檢索圖表文檔）兩大功能。用戶需從小笨羊官網獲取 API 密鑰，即可調用該工具獲取包括流程圖、時序圖、架構圖等在內的多種圖表文檔。該插件支持 MIT 許可，安裝簡便，能有效降低文檔編寫門檻。
閱讀全文dsh-chat-enhancer：DeepSeek Harness Web 的 Mermaid 圖表對話增強插件
dsh-chat-enhancer 是 DeepSeek Harness 的對話增強插件，由 Tieboyh 維護。該插件旨在解決瀏覽器原生渲染 Mermaid 圖表缺乏交互性的問題。核心功能包括多格式渲染、居中預覽窗口、以指針爲中心的平滑縮放、拖拽平移以及自動適配深淺色主題。安裝命令爲 `dsh plugin --profile web add dsh-chat-enhancer`，安裝後需重啓 DSH Web。若渲染失敗，插件會回退顯示源碼，適合技術場景下提升圖表查看體驗。
閱讀全文dsh-mermaid-comm: 讓 AI 在開發對話中默認輸出 Mermaid 圖表
`dsh-mermaid-comm` 是 DeepSeek Harness 的插件，旨在引導 AI 優先輸出並通過校驗的 Mermaid 圖表。它通過系統提示詞引導 AI 在架構、序列、狀態等場景繪圖，註冊 `mermaid_validate` 工具進行安全校驗，並利用輸出門機制修復代碼或移除失敗渲染。插件核心是 Mermaid Vault，負責將圖表持久化至本地目錄，支持版本迭代管理，確保圖表作爲可管理的資產。安裝需配合 `dsh-mermaid` 插件，並提供文件名清理、目錄鎖定及原子寫入等安全機制。
閱讀全文dsh-mermaid-smooth：DeepSeek Harness 默認渲染 Mermaid 圍欄
`dsh-mermaid-smooth` 是 DeepSeek Harness Web UI 的插件，由用戶 gitByteFree 維護。它將對話中的 Mermaid 代碼圍欄默認渲染爲 SVG 圖表，無需依賴外部 CDN。插件支持絲滑的縮放、平移與雙擊適應視圖，且具備“圖/文案”獨立切換、狀態記憶、主題跟隨及安全隔離功能。用戶可通過 npm 或 GitHub 安裝，安裝後重啓服務即可使用，提供流暢的圖表交互體驗。
閱讀全文dsh-maestro-diagram: Mermaid Verify & Drift Tools
`dsh-maestro-diagram` 是 DeepSeek Harness 生態中的混合型 Host-only 插件，旨在確保圖表與代碼的一致性。它基於 Mermaid 語法，提供 `mermaid_verify` 驗證工具和 `mermaid_drift` 差異檢測工具，支持 `flowchart`、`sequenceDiagram` 等五種圖表類型。 插件支持生成 Team 和 Client 兩種風格的 HTML+SVG 輸出，默認集成 GitHub 原生渲染。安裝後需重載 Host，構建時需生成平鋪的 `lib/index.js` 文件，發佈時必須使用 pnpm。
閱讀全文dsh-mermaid-preview：在 DSH 中渲染 Mermaid 圖表
`dsh-mermaid-preview` 是一個爲 DeepSeek Harness (dsh) Web 界面設計的 Cordis 插件，旨在將 Markdown 中的 Mermaid 代碼塊渲染爲可視化 SVG 圖表。該插件無需修改源碼，通過一條命令即可安裝，支持自動適配明暗主題、保留交互功能以及處理 CDN 不可達等異常情況。它兼容多種圖表類型，且不採集任何數據，讓用戶在對話、軌跡等視圖中直接查看圖表。
閱讀全文DeepSeek Harness Web 插件：dsh-web-mermaid
dsh-web-mermaid 是 DeepSeek Harness Web 的開源插件，旨在將聊天中的 Mermaid 代碼塊自動渲染爲可交互 SVG 圖表。該插件無需修改核心源碼，支持自動渲染、錯誤重試、主題跟隨及自定義資源地址。安裝簡便，僅對助手消息生效，消息結束後自動渲染，解決了流程圖查看效率低的問題。
閱讀全文dsh-visualization：DeepSeek Harness 可視化渲染插件
`dsh-visualization` 是 DeepSeek Harness 的 Web 插件，用於在代碼塊中渲染 Mermaid 圖表、數據表、Vega-Lite 圖表及靜態 SVG 圖。安裝需依賴 pnpm 及特定 CLI 版本，支持看板、象限圖、C4 架構圖等多種類型。插件具備安全隔離機制，不處理 html/svg/xml，且支持複雜的交互預覽與過濾分頁功能。
閱讀全文dsh-mermaid：在 DeepSeek Harness 中渲染 Mermaid 流程圖
DeepSeek Harness 插件 `dsh-mermaid` 將對話中的 Mermaid 代碼自動渲染爲 SVG 流程圖，解決文本展示不直觀的問題。該插件逐行移植自 `pi-mermaid`，支持自動渲染校驗多種圖表類型，並具備性能優化（如緩存、長度限制）及摺疊源碼和手動重渲染等交互功能。用戶需通過 GitHub 源碼安裝，發送包含 Mermaid 圍欄的消息或使用 `/mermaid` 命令即可查看渲染後的圖表。
閱讀全文dsh-mermaid：在 DSH Web 會話中把 Mermaid 圍欄渲染爲 SVG 圖表
dsh-mermaid 是 AKS1st 維護的 DSH 客戶端插件，將 Web 會話消息中的 ```mermaid 代碼圍欄就地渲染爲 SVG 圖表。採用 Host/Client 雙半部架構，mermaid 運行時按需惰性加載，支持視口驅動渲染、異步隊列、亮暗主題跟隨、全屏放大與渲染失敗可視化。通過 dsh plugin --profile web add github:AKS1st/dsh-mermaid 安裝，securityLevel 固定爲 strict。
閱讀全文