dsh-visualize：在 DeepSeek Harness 对话中生成交互式可视化卡片
nagi-ovo/dsh-visualize
在 DeepSeek Harness 对话中生成交互式可视化卡片，让模型输出不止于文字。
让 DeepSeek Harness 的对话不再只是文字，模型调用 visualize 后即可在 Web UI 中渲染可交互的图表、模拟器或 UI mockup。
dsh plugin --profile web add github:nagi-ovo/dsh-visualize- 分类
- 界面与体验
- 平台
- DSH-Plugin
- 作者
- nagi-ovo
- 分发方式
- 插件
dsh-visualize 核心特性
dsh-visualize 仓库信息
dsh-visualize 仓库简介
dsh-visualize 是 DeepSeek Harness（DSH）的交互式可视化插件（DSH plugin），由 Nagi-ovo 维护，采用 BSD-3-Clause 协议，最近更新于 2026-08。它解决的是 DSH 对话中只能输出纯文本的问题——当模型调用 visualize 工具后，Web UI 会在对话流中直接渲染一张可交互卡片，用于模拟器、图表、对比面板或 UI mockup，让回答不再只是一段文字。插件基于 TypeScript 编写，依赖 DSH 官方 SDK（如 dsh-session、dsh-tools、dsh-client-ui-slots 等），并已打包为官方 dsh.bundle 组合包，安装后即可在 web profile 中使用。
dsh-visualize 这个 DSH plugin 支持哪些核心特性？
插件支持模型生成 HTML fragment 并调用 visualize(path, title?, mode?) 将其嵌入对话；mode: "wide" 适合并排比较的内容。卡片会自动跟随 DSH 的明暗主题和鲸鱼蓝配色，会话重放时从持久化的工具结果恢复，不依赖原始 fragment 文件。安全方面，卡片运行在 sandboxed iframe 中，CSP 阻止网络请求、嵌套页面和表单提交，仅允许从固定 CDN 加载静态资源；单个 fragment 默认上限为 1000000 字节，可通过 maxFragmentBytes 调整。
dsh-visualize 怎么安装？
推荐直接从 GitHub 安装到 DSH 的 web profile，命令如下：
dsh plugin --profile web add github:nagi-ovo/dsh-visualize
安装后若 dsh web 正在运行，重启并刷新页面。可运行 dsh --profile web --dump-config 确认插件已进入最终配置。需要修改源码时，克隆仓库并在仓库目录运行 dsh plugin --profile web add .；构建产物已提交，无需额外构建。使用社区 plugin-registry 的用户也可从「设置 → 插件」安装。
dsh-visualize 怎么使用？
直接告诉模型你想看什么，例如「做一个能调参数的排序算法可视化」，模型会写出一份 HTML fragment 并调用 visualize 放入对话。适合并排比较的内容可使用 mode: "wide"。
dsh-visualize 有哪些限制？
目前仅在 Web UI 中渲染交互卡片，TUI 和 headless 客户端会显示普通工具结果；卡片内的按钮暂时不能向主对话发送 follow-up 消息。灵感来自 Codex 桌面端的 /visualize，skill 分层 reference 和 Chart.js 优先路线借鉴了 himself65/finance-skills。