dsh-visualization
在终端中运行以下命令:
dsh plugin install shaomingbo/dsh-visualization
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 终端中执行 dsh plugin install shaomingbo/dsh-visualization 即可安装该插件,源码仓库见 https://github.com/shaomingbo/dsh-visualization。
插件介绍
DSH Web 里 assistant 输出的 Mermaid 流程图、CSV 表格或 Vega-Lite 图表默认只是一段可复制的纯文本代码,无法直接查看。dsh-visualization 以可选插件的形式为 Web 端叠加一层安全渲染,不修改 shell、不引入额外基础设施,装上之后对应代码块旁即出现可视化预览。
核心能力覆盖三类内容:Mermaid 全系图表(flowchart、sequence、class、state、ER、gantt、pie、mindmap、timeline、gitGraph、journey,以及 kanban、quadrantChart、C4Context 等直接子类型)、可过滤排序分页的原生数据表格(csv / tsv / json-table),还有静态内联 Vega-Lite v6 图表。复杂图表可展开为原始 SVG 尺寸的全屏预览,支持 10%-300% 缩放、鼠标与触摸拖拽平移、键盘快捷操作,配色跟随 DSH 深浅色主题自动切换。
适合经常需要审阅 AI 生成的架构图、流程图或数据报表的开发者。安全方面,所有渲染仅在消息落定后触发,流式输出阶段不介入;Mermaid 指令、远程资源、任意 HTML 均被拒绝,SVG 经消毒后以 Blob URL 展示,Vega-Lite 在一次性 Worker 中运行并设两秒超时,整条链路不加载外部字体、图片或网络数据。
使用场景
- 在 Web GUI 中直接查看 AI 生成的 Mermaid 流程图与架构图
- 对对话中的 CSV / JSON 表格进行排序、过滤和分页浏览
- 在消息旁内联预览静态 Vega-Lite v6 图表
适合人员
- 频繁审阅 AI 生成架构图、流水线的开发者
- 需要交互式查看表格输出的数据分析师
- 使用 DSH Web 编写含可视化内容的技术文档的团队