dsh-web-mermaid
在终端中运行以下命令:
dsh plugin install demo007x/dsh-web-mermaid
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 终端中执行 dsh plugin install demo007x/dsh-web-mermaid,安装完成后重启 dsh web 即可生效(开源地址:https://github.com/demo007x/dsh-web-mermaid)。
插件介绍
DeepSeek Harness 的 Web 聊天支持粘贴 Mermaid 代码块,但内置渲染器只能显示纯文本源码,既不生成图形也没有语法着色。dsh-web-mermaid 解决的就是这个问题——它在浏览器端将每个 Mermaid 代码块实时渲染为 SVG 图表,让你在对话窗口里直接看到流程图、时序图或甘特图,而不必把代码复制到外部编辑器。
Mermaid 运行时随插件内置,完全离线可用,无需任何在线 CDN。点击已渲染的图片会弹出半透明遮罩灯箱,支持按钮缩放和鼠标左键拖拽平移。一键切换即可回到源码视图,内置的轻量 tokenizer 会对关键字、注释、字符串、箭头连线及数字进行语法高亮。插件还能跟随 DSH 浅色或深色主题自动重渲染,并支持 Mermaid 11 的全部图表类型,包括 flowchart、sequenceDiagram、classDiagram、stateDiagram、erDiagram、gantt 和 pie。
如果你习惯在 DSH 聊天中用 Mermaid 描述系统架构、审批流程、状态机或项目排期,这个插件能让你在不离开对话、不依赖网络的情况下,获得一张可放大、可对照源码的成品图表。
截图预览
使用场景
- 在聊天中用 Mermaid 描述系统架构并直接查看流程图
- 断网环境下仍需预览甘特图或时序图
- 与同事分享状态机代码时同步展示高亮源码和图形
适合人员
- 习惯用 Mermaid 表达流程的 DSH 深度用户
- 需要在浏览器内离线查看图表的开发者
- 偏好可放大、可平移图表交互的评审者