dsh-visualize

Name: Nagi-ovo/dsh-visualize
Author: Nagi-ovo

Nagi-ovo/dsh-visualize

对话内生成式 UI：模型把交互式 HTML 卡片直接画进会话流，带流式预览与沙箱渲染。

1583TypeScriptBSD-3-Clause源码

安装

把 dsh-visualize 装进 DeepSeek Harness

GitHub 方式 · GitHub 源码

从 GitHub 装会执行项目自己的构建脚本，而 pnpm 默认拦着不让跑——先跑一次这条命令，pnpm 会打印出要加到 ~/.dsh/profiles/web/pnpm-workspace.yaml 里 `allowBuilds` 下面的那个 key。

安装前须知

装 dsh-visualize 之前，先看这几条

源码在这里： Nagi-ovo/dsh-visualize——已进入社区精选库，DSH 自带的插件市场就是从这儿装的。
开源协议：BSD-3-Clause。
被收录在这里不代表通过了安全审计。插件是带着你 agent 的权限在跑。

dsh-visualize 是做什么的

Abstract diagram of fragments flowing into a protected frame and forming an interactive card.

dsh-visualize 是一个 DeepSeek Harness 插件，用于在 Web UI 的会话流中显示模型生成的交互式 HTML 卡片。它适合制作模拟器、图表、参数对比面板和 UI mockup，让回答不只停留在文字层面。

模型先生成 HTML fragment，再调用 visualize(path, title?, mode?)。插件从指定 path 读取 fragment，并交给 Web UI 渲染；需要更宽布局时可使用 mode: "wide"。卡片运行在不透明来源的 sandboxed iframe 中，不能访问宿主页面。CSP 会阻止网络请求、嵌套页面和表单提交，只允许从固定 CDN 加载静态资源。卡片会跟随 DSH 的明暗主题和配色，工具结果会持久化，因此重放会话时不要求原始 fragment 文件仍然存在。

它适合使用 web profile、需要交互式视觉解释的 agent。若使用 TUI 或 headless 客户端，不应安装 dsh-visualize：这些客户端只显示普通工具结果。需要联网、嵌套页面、表单提交，或让卡片按钮向主会话发送 follow-up 消息时，它也不合适。单个 fragment 默认最多 1000000 字节，可用 maxFragmentBytes 调整。

dsh-visualize 的文档

行为说明

模型生成 HTML fragment 后调用 visualize(path, title?, mode?)。path 指向待渲染的 fragment，title 可选；需要横向空间时，将 mode 设为 "wide"。卡片显示在 DSH Web UI 的会话流中，并跟随明暗主题和鲸鱼蓝配色。