dsh-mermaid-web
在终端中运行以下命令:
dsh plugin install terrywangcode/dsh-mermaid-web
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 终端中执行 dsh plugin install terrywangcode/dsh-mermaid-web,插件仓库完整地址为 https://github.com/terrywangcode/dsh-mermaid-web 。
插件介绍
DeepSeek Harness 的 Web 对话界面默认只展示原始代码文本,遇到 mermaid 围栏块时用户必须手动复制到外部编辑器才能看到图表。dsh-mermaid-web 填补了这一空白:它在浏览器端观察已完成的代码块,自动将其渲染为 Mermaid.js 生成的 SVG 图形,让流程图、时序图和架构图直接出现在对话流中。
渲染出的图表配备了完整的交互能力——键盘可访问的缩放控件以 25% 步进在 50% 到 300% 之间调整,打开全视口工作区后支持滚轮缩放、拖拽平移、fit-to-screen 以及可折叠的源码面板。解析失败时原始源码依然可见并附带简要错误提示,HMR 热替换也不会留下重复图表或悬挂监听器。
这个插件适合在 Harness Web UI 中频繁编写或阅读 mermaid 图表的开发者:系统架构师、技术写作者,以及在对话中需要快速预览流程图而不打算切换到浏览器的任何用户。
截图预览
使用场景
- 在 Harness 对话中直接预览 mermaid 流程图与架构图
- 无需复制代码到外部编辑器即可交互式查看渲染结果
- 对已渲染图表进行键盘缩放、拖拽平移和全屏检视
适合人员
- 系统架构师与技术文档作者
- 在 Harness Web UI 中频繁书写 mermaid 的代码开发者
- 需要快速预览流程图而不切换浏览器的任意用户
