dsh-mermaid-smooth
在终端中运行以下命令:
dsh plugin install gitByteFree/dsh-mermaid-smooth
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 终端中执行 dsh plugin install gitByteFree/dsh-mermaid-smooth,然后重启 DSH Web 即可生效,插件源码见 https://github.com/gitByteFree/dsh-mermaid-smooth
插件介绍
在 DeepSeek Harness 网页聊天中,助手回复里的 Mermaid 代码块默认只是一段纯文本,对于架构图、流程图、时序图等内容,逐行阅读代码远比直接看图费劲。dsh-mermaid-smooth 让每个 Mermaid 围栏在内容完成的瞬间自动渲染为 SVG 图形,其余代码块完全不受影响。
交互与体验方面,插件提供以光标为锚点的滚轮缩放(带短暂缓动)、直接拖拽平移、双击自适应缩放,并尊重系统减少动效偏好。每张图形卡片右上角设有独立的图/代码切换开关,同一条消息中多个围栏可各自切换,且偏好写入 localStorage 后跨会话持久化。图形会跟随界面主题自动切换暗色渲染,引擎则完全打包在插件内部,运行在 strict 安全级别,不依赖任何 CDN。
适合在 DSH 网页端频繁阅读或生成 Mermaid 图的开发者与技术写作者:无需切换工具、无需复制粘贴到在线编辑器,对话里直接看图、缩放、对照源码,体验与原生 GUI 无异。
截图预览
使用场景
- 在 DSH 网页对话中直接查看助手生成的流程图、架构图和时序图,无需复制粘贴到外部编辑器
- 在一条消息中对比多个 Mermaid 围栏,逐张切换图/源码视图并独立缩放
- 在无外网或离线环境中查看 Mermaid 图形,引擎完全本地运行不依赖 CDN
适合人员
- 频繁在 DSH 中阅读或生成 Mermaid 图的开发者
- 需要快速核对图表与源码一致性的技术写作者
- 偏好离线工具、不希望聊天界面依赖外部服务的用户

