baconbao/dsh-mermaid-image-preview 预览 preview

baconbao/dsh-mermaid-image-preview

一个DeepSeek Harness插件,用于在聊天会话中通过图片预览Mermaid图表

Project Overview项目介绍

This is a native plugin built exclusively for DeepSeek Harness (DSH) Web interface that enables image previews of Mermaid diagrams in chat conversations. Any mermaid code block marked with ``mermaid or ``mmd will be automatically rendered as an image by the plugin. It defaults to local rendering, with an optional fallback to an external rendering server if local rendering fails. It natively supports 14 common Mermaid diagram types and automatically adapts to DSH's light or dark UI theme.

The plugin mounts as an additive chain slot at conversation.chat.turnTail, so it never shadows existing DSH UI. Rendered diagrams appear as thumbnails at the end of the chat turn, and you can click to enlarge the image in place, click again to shrink it back without opening any popups. All runtime settings can be adjusted directly from the DSH plugin settings card, no restart required after changes. Values are saved to browser localStorage and applied immediately across all DSH sessions.

You can install the plugin via the DSH CLI directly from GitHub, or clone the source code and install it locally from your machine. After installation, you will need to restart your DSH Web profile for the plugin to take effect. To configure a custom fallback render URL or change other core settings, you need to edit your profile's cordis.patch.yml file, then restart DSH Web again. This plugin is released under the permissive MIT open source license, free for any use.

这是一个专为 DeepSeek Harness(DSH)Web 端开发的原生插件,用于将对话消息中的 Mermaid 代码块渲染为可预览的图片。插件默认使用本地渲染,本地渲染失败后可配置 fallback 到公共或自建的外部渲染服务器。它会自动适配 DSH 界面的浅色/深色主题,开箱即用支持 14 种常见 Mermaid 图表类型。

当 DSH 对话中出现用 ``mermaid 或 ``mmd 标记的 Mermaid 代码块时,插件会自动将其渲染为缩略图展示在对话末尾。用户点击缩略图可以放大查看,再次点击即可缩小,无需弹出新窗口。所有设置都可以在插件设置面板中实时调整,无需重启 DSH,适合经常需要生成查看 Mermaid 图表的 DSH 用户。

你可以通过 DSH CLI 从 GitHub 安装该插件的最新版、指定版本或开发版,也可以克隆源码后本地安装,安装完成后需要重启 DSH Web。如果你需要自定义 fallback 渲染地址,可以修改 profile 的 cordis.patch.yml 配置,修改后需要重启 DSH。该插件采用 MIT 许可证开源,完全免费使用。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 warning1 项注意
  • Only 3 stars - very few users, little community feedback星标只有 3,几乎没人在用,遇到问题缺少社区反馈
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时(Electron / Python / Docker 等)是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突:命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致,是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需(filesystem / network / shell / clipboard)
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限,以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照,不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装(适合开发者)

CLI Install命令行安装

dsh plugin --profile web add github:baconbao/dsh-mermaid-image-preview

把 baconbao/dsh-mermaid-image-preview 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

dsh-mermaid-image-preview

Awesome DSH Plugin DSH Plugin Profile Badge DSH Plugin Works-on Badge Release Badge License Badge

A DeepSeek Harness Plugin for Previewing Mermaid Diagram Images

Preview Mermaid syntax as images via local rendering in DSH when a chat message contains a Mermaid fenced code block (```mermaid or ```mmd).

dsh-mermaid-image-preview

Features and how it works

  • Preview mermaid diagrams by rendering images directly!
  • Local renderer first! If it fails, it can fall back to an external or self-hosted rendering engine by configuring a fallback server.
  • Nothing gets replaced: the preview is added below the agent's reply, so the original messages are not covered up or changed.
  • Settings in Plugin page: adjust the plugin's runtime settings in the Plugins panel - no restart needed.
  • Light/dark themes follow the UI automatically.

Support diagram types

The plugin renders diagrams locally with a built-in renderer. It supports 13 diagram types out of the box.

Rendered locally: flowchart, sequenceDiagram, classDiagram, stateDiagram, erDiagram, pie, journey, gitGraph, requirementDiagram, timeline, quadrantChart, packet-beta, xychart-beta

Expand: gantt, mindmap, block-beta, sankey-beta, architecture-beta, zenuml, C4Context

[!NOTE] You can enable the fallback to render expanded types — see Configuration below.

Installation

Install from github

Install with DeepSeek Harness Desktop (the desktop profile)

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要,完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

← 上一个 Prev dsh-plugin-multi-root-workspace 下一个 Next infographic →