dsh-mermaid-fence：在 DSH Web 聊天里把已定格的 Mermaid 围栏渲染成 SVG
dsh-mermaid-fence 是 XiaoBinGan 维护的 DSH 客户端插件，在 Web GUI 聊天里仅对 turn 已结束（无 data-streaming）的 ```mermaid 围栏渲染 SVG；流式输出保持代码块，解析失败保留源码并显示错误。相对 AKS1st/dsh-mermaid 与 timedomain1/dsh-mermaid-renderer，本插件侧重 mermaid 渲染后对 SVG 的 harden.js 加固及 strict 安全说明。安装：dsh plugin --profile web add github:XiaoBinGan/dsh-mermaid-fence。社区包，安装前请审阅源码与 MIT 许可证。
Read Moredsh-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 许可。
Read More涌现科学 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、远端渲染与安装可用性注意点。
Read Moredsh-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 桌面端。
Read Moredsh-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 启用、主要参数与沙箱写入，以及适用场景与安全注意事项。
Read More文档转图表、图片：把长文变成可对照浏览的自包含 HTML
介绍 SkillHub 社区 Skill「文档转图表、图片」（@user_70775cd1/docs2html，v3.6.4）：将文字与表格提炼为左大纲、右分屏的自包含 HTML，数据用 ApexCharts、流程用 Mermaid、对比用矩阵/卡片，支持拖拽与仅文字/仅图表切换，在线改稿后重生成图表，并可导出 PPT/PDF。说明 skillhub CLI 与 AI 提示词两种安装方式、典型对话用法及无需 API Key 等注意点。
Read Moredynamic-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 目录。
Read More软件架构图生成器：从说明文本到 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）。
Read MoreDiagram生成器：在 Agent 中生成与编辑多格式技术图表
Diagram生成器是 SkillHub 社区 Skill（@u_8ee34d77/diagram-generator，v1.1.7），通过工具在对话中生成与编辑 Draw.io、Mermaid、Excalidraw 图表，覆盖网络拓扑、架构、流程图与 UML。无需 API Key，适合效率、自动化与批量出图；不适用于强依赖人工创意判断的任务。本文基于官方页面说明安装方式（提示词或 skillhub CLI 指定 skills 目录）与典型对话用法，并给出适用边界与官方链接。
Read More架构图与流程图绘制 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 等环境中用中英文关键词触发绘图。
Read More流程图绘制助手：按 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 发送官方安装提示词。适合文档与评审中快速出标准符号流程图。
Read MoreMermaid 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 官方说明整理安装步骤与示例。
Read MoreMarkdown转流程图：把文档步骤收成 Mermaid 流程图
Markdown转流程图是 SkillHub 社区 Skill（@user_6df795bb/markdown-to-flowchart，v1.0.0），将 Markdown 转为 Mermaid 流程图，便于可视化步骤、架构与依赖；无需 API Key。文章说明定位、触发意图、按 skillhub.md 与 CLI 安装到 Cursor 等目录的路径，以及对话式典型用法与校对注意。
Read MoreProcessOn流程图表生成专家：用自然语言生成可编辑在线图表
ProcessOn流程图表生成专家是 ProcessOn 官方在 SkillHub 发布的 Agent Skill（v2.5.3），用于将自然语言或 Mermaid 转为可在线编辑的流程图、泳道图、时序图、架构图、ER 图、组织图、时间轴与信息图。适合开发、产品与设计中「自动画图」「可视化业务流程」等场景；标注 requires_api_key，需通过 skillhub install 安装到 Cursor 等 Agent 的 skills 目录并配置 API Key。
Read MoreArchitecture and Flow Diagram Expert: Generate Architecture and Flow Diagrams Directly in an Agent
The “Architecture and Flowchart Diagramming Expert” is a SkillHub community skill (@user_04c33885/diagram-builder, v1.0.3) that requires no API key. It supports diagram types such as system architecture, microservices, topology, business processes, data flows, sequence diagrams, state machines, and ER diagrams, and outputs show_widget inline SVG or Mermaid code blocks. This article describes its purpose, capabilities, SkillHub installation commands, and skills directories for Cursor and similar tools, and provides conversation trigger keywords and usage notes.
Read Moredsh-mermaid: A Mermaid Diagram Plugin for DeepSeek Harness
`dsh-mermaid` is a plugin for DeepSeek Harness designed to address the limitation that the official Markdown renderer cannot directly render Mermaid code. It generates diagrams via the `mermaid_render` tool and displays them through transcript cards, an end-of-round artifact line, and a sidebar viewer. The plugin features strict security sanitization, supports scroll-wheel zooming and drag panning, and is suitable for scenarios requiring model-generated flowcharts, architecture diagrams, or sequence diagrams.
Read Morexby-mermaid-doc: Introduction to the DeepSeek Harness Plugin
xby-mermaid-doc is an online tool in the DeepSeek Harness (DSH) plugin ecosystem, designed to address the issue of developers frequently needing to look up Mermaid syntax when writing technical documentation. The plugin provides two key functions via the MCP protocol: `set_xby_apikey` (setting the API key) and `get_diagram_doc` (retrieving diagram documentation). By obtaining an API key from the official Xiaobenying website, users can call this tool to access various types of diagram documentation, including flowcharts, sequence diagrams, and architecture diagrams. The plugin is MIT-licensed and easy to install, effectively lowering the barrier to writing technical documentation.
Read Moredsh-chat-enhancer: Mermaid Diagram Chat Enhancement Plugin for DeepSeek Harness Web
dsh-chat-enhancer is a chat enhancement plugin for DeepSeek Harness, maintained by Tieboyh. It addresses the lack of interactivity in Mermaid diagram rendering in the browser. Core features include multi-format rendering, a centered preview window, pointer-centered smooth zooming, drag-to-pan, and automatic light/dark theme adaptation. The installation command is `dsh plugin --profile web add dsh-chat-enhancer`; restart DSH Web after installation. If rendering fails, the plugin falls back to displaying the source code, making it suitable for improving the diagram viewing experience in technical scenarios.
Read Moredsh-mermaid-comm: Making AI Output Mermaid Diagrams by Default in Development Conversations
`dsh-mermaid-comm` is a DeepSeek Harness plugin designed to guide the AI to prioritize outputting Mermaid diagrams that pass validation. It uses system prompts to guide the AI to draw diagrams in scenarios such as architecture, sequence, and state, registers a `mermaid_validate` tool for secure validation, and leverages an output gate mechanism to repair code or remove failed renderings. The plugin's core is Mermaid Vault, which is responsible for persisting diagrams to a local directory, supporting versioned iterative management, and ensuring diagrams become manageable assets. Installation requires the `dsh-mermaid` plugin and provides security mechanisms such as filename sanitization, directory locking, and atomic writing.
Read Moredsh-mermaid-smooth: DeepSeek Harness Renders Mermaid Fenced Blocks by Default
`dsh-mermaid-smooth` is a plugin for the DeepSeek Harness Web UI, maintained by user gitByteFree. It renders Mermaid code fences in conversations as SVG diagrams by default, without relying on external CDNs. The plugin supports smooth zooming, panning, and double-click-to-fit-view, with independent “diagram/text” toggling, state memory, theme following, and security isolation. Users can install it via npm or GitHub; after installation, restarting the service makes it available, providing a smooth chart interaction experience.
Read Moredsh-maestro-diagram: Mermaid Verification & Drift Tools
`dsh-maestro-diagram` is a hybrid Host-only plugin in the DeepSeek Harness ecosystem, designed to ensure consistency between diagrams and code. It is based on Mermaid syntax and provides the `mermaid_verify` validation tool and the `mermaid_drift` drift detection tool, supporting five diagram types, including `flowchart` and `sequenceDiagram`. The plugin supports generating HTML+SVG output in two styles: Team and Client, with GitHub native rendering integrated by default. After installation, the Host must be reloaded; during the build process, a flat `lib/index.js` file must be generated; and pnpm must be used when publishing.
Read Moredsh-mermaid-preview: Rendering Mermaid Diagrams in DSH
`dsh-mermaid-preview` is a Cordis plugin designed for the DeepSeek Harness (dsh) web interface to render Mermaid code blocks in Markdown as visual SVG diagrams. It requires no source code modifications and can be installed with a single command. The plugin automatically adapts to light and dark themes, preserves interactive features, and handles exceptional cases such as CDN unavailability. It supports multiple diagram types, collects no data, and enables users to view diagrams directly in views such as conversations and trajectories.
Read MoreDeepSeek Harness Web Plugin: dsh-web-mermaid
dsh-web-mermaid is an open-source plugin for DeepSeek Harness Web designed to automatically render Mermaid code blocks in chat as interactive SVG diagrams. It works without modifying the core source code and supports automatic rendering, retry on errors, theme following, and custom resource URLs. It is easy to install, applies only to assistant messages, automatically renders after a message ends, and resolves the low efficiency of viewing flow diagrams.
Read Moredsh-visualization: DeepSeek Harness Visualization Rendering Plugin
`dsh-visualization` is a web plugin for DeepSeek Harness that renders Mermaid diagrams, data tables, Vega-Lite charts, and static SVG images in code blocks. Installation requires pnpm and a specific CLI version, and it supports multiple chart types, including kanban boards, quadrant charts, and C4 architecture diagrams. The plugin includes security isolation mechanisms, does not process HTML, SVG, or XML, and supports advanced interactive previews as well as filtering and pagination features.
Read Moredsh-mermaid: Rendering Mermaid Flowcharts in DeepSeek Harness
The DeepSeek Harness plugin `dsh-mermaid` automatically renders Mermaid code in conversations into SVG diagrams, addressing the lack of intuitive visual presentation. Ported line by line from `pi-mermaid`, it supports automatic rendering and validation for multiple diagram types, and includes performance optimizations such as caching and length limits, as well as interactive features like collapsing source code and manually re-rendering. Users must install it from the GitHub source, then send a message containing a Mermaid code fence or use the `/mermaid` command to view the rendered diagram.
Read Moredsh-mermaid: Rendering Mermaid Fenced Code Blocks as SVG Diagrams in DSH Web Sessions
dsh-mermaid is a DSH client plugin maintained by AKS1st, which renders inline `mermaid code blocks in web session messages into SVG diagrams. It employs a Host/Client dual-part architecture, with the mermaid runtime loaded on demand. Features include viewport-driven rendering, asynchronous queuing, light/dark theme following, fullscreen zoom-in, and visualization of rendering failures. Install via `dsh plugin --profile web add github:AKS1st/dsh-mermaid`, with `securityLevel` fixed to strict.
Read More