dsh-mermaid:在 DeepSeek Harness 中渲染 Mermaid 流程图

DeepSeek Harness 的理念是「一切皆插件」。在智能体开发或调试过程中,对话中经常出现 Markdown 代码块形式的 Mermaid 流程图。如果仅以文本展示,难以直观理解逻辑结构。dsh-mermaid 插件解决了这个问题,它将对话中的 Mermaid 代码渲染为 SVG 流程图。

这是一个 DeepSeek Harness 的客户端插件,由 GongYuanCaiJi 维护。其核心逻辑逐行移植自 pi-mermaid@0.3.0,将原本用于 TUI 的渲染逻辑适配到了 DSH 的 Web 客户端中。

核心功能

  • 自动渲染与校验:对话中出现 mermaid 围栏(无论用户还是助手发送)时自动渲染为 SVG。使用 Mermaid 官方 parser 做语法校验,出错时在图下方显示 warning 或 error。
  • 类型支持:支持 graph / flowchart、sequenceDiagram、classDiagram、erDiagram、stateDiagram(-v2)。
  • 性能与限制:代码块超过 400 行或 20000 字符时自动跳过并提示。按 (session, turn) 缓存渲染结果,避免重复计算。
  • 交互功能:每张图附带可折叠的源码块,支持 /mermaid 命令手动重渲染最后一条助手消息。

安装与启用

插件尚未发布到 npm,需通过 GitHub 源码安装。安装时需要开启 allowBuilds 以允许 prepare 脚本构建。

dsh plugin add github:GongYuanCaiJi/dsh-mermaid

安装后,在 DeepSeek Harness 的 Web 客户端中,对话中的 Mermaid 代码将自动被渲染为图表。

典型用法

在对话中发送包含 Mermaid 围栏的消息,系统会自动将其渲染为 SVG 图表。

```mermaid
graph TD
  Start --> End
```

发送 /mermaid 命令可手动重渲染最后一条助手消息中的图表。

注意事项

插件以当前 DSH 进程权限运行,安装前请检查源码与许可证(MIT)。更多细节与源码,请查看 GitHub 仓库:https://github.com/GongYuanCaiJi/dsh-mermaid

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜