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。
阅读全文