vizcb-codeblock-visualizer

客户端更新于 2026.09.02

在终端中运行以下命令：

dsh plugin install Reseezhang/vizcb-codeblock-visualizer

将以下提示词粘贴到 DeepSeek Harness 对话框中：

在终端运行 dsh plugin install Reseezhang/vizcb-codeblock-visualizer 即可安装来自 https://github.com/Reseezhang/vizcb-codeblock-visualizer 的可视化插件，完成后重启 DeepSeek Harness 生效。

插件介绍

DeepSeek 的模型回答中经常出现 SVG、HTML 或 Mermaid 代码块，以纯文本形式展示既难读也不直观。vizcb-codeblock-visualizer 将这些围栏代码块就地渲染为工作区内的可视化预览卡片：SVG 经 DOMPurify 消毒后安全展示，HTML 运行在沙箱 iframe 中，Mermaid 则在独立 worker_threads 中渲染，支持 flowchart、sequenceDiagram 等 24 种方言别名。深色主题下文字与连线自动对齐宿主色板，节点文字溢出时自动扩宽矩形并自适应 viewBox，同一图的并发请求合并去重并缓存——整条渲染管线运行期间零网络外联，不依赖任何 CDN 或 iframe 脚本。

在静态图表之外，插件还提供 present-files 文件预览面板：回复末尾引用的工作区文件（HTML、图片、纯文本）以可点击卡片呈现，支持 mtime 轮询自动刷新、路径复制与打开所在目录。每张卡片均内置全屏灯箱、源码一键复制以及通过原生对话框导出为 PNG / SVG / HTML 的能力。渲染失败时，卡片顶部会出现通知条说明具体原因，而非静默吞掉内容；渲染成功后可选自动隐藏源码围栏，保持页面整洁。所有渲染逻辑均在宿主端完成，不污染全局作用域。

该插件适合经常需要生成流程图、时序图、交互式 HTML 页面，或需要批量审阅 DeepSeek 输出图表的开发者与技术写作者。作为 bundle 挂载即可使用，提供全局限流、主题切换、画布底色、iframe 脚本开关等细粒度配置项。MIT 协议开源，无额外服务端依赖。