证据快照复核于 2026-09-16GitHub 数据核对日期: 2026-08-21
证据已验证Plugin Bundle界面与体验Web Profile

DSH Visualizer Widget

在 DeepSeek Harness 会话中将模型生成的 SVG 或 HTML 显示为交互式内联卡片。

快速了解

它能做什么

在 DeepSeek Harness 会话中将模型生成的 SVG 或 HTML 显示为交互式内联卡片。

本站提供的是中文说明,不代表该项目或 Plugin 自身提供中文界面;语言支持请以上游文档为准。

使用场景
界面与体验可视化UI智能体
适配技术
deepseek-harnessWeb
兼容性

Web Profile
Not declared in supplied evidence

可信度与状态

证据已验证
核对日期 2026/9/15 UTC 14:25

有代码证据的贡献

它为 DSH 增加什么

render_visual

将提供的 SVG 或 HTML 渲染为会话流中的交互式内联卡片。

机制证据
get_visualizer_spec

返回随包提供的可视化渲染规范,帮助生成一致的视觉内容。

机制证据

选择前先看

这是面向 DeepSeek Harness web profile 的插件包,注册 render_visual 用于内联预览 SVG/HTML,并注册 get_visualizer_spec 提供随包分发的视觉规范。卡片支持预览/源码切换、高度选择、明暗背景、重跑和复制。

适合谁

希望让智能体将图表、仪表盘、SVG 原型或 HTML 视觉内容直接呈现在会话流中的 DeepSeek Harness Web 用户。

常见任务

  • 让模型绘制柱状图仪表盘,并在会话中直接查看。
  • 渲染 SVG 原型,同时避免把完整源码回灌到模型上下文。
  • 生成复杂图形前,先请求随包提供的可视化规范。

权限与数据

插件会在基于 iframe 的卡片中渲染工具提供的 SVG 或 HTML。

权限
  • 文档说明 iframe 沙箱允许脚本、弹窗和表单,但未启用 allow-same-origin。
数据处理
  • README 声明完整源码保留在工具结果和卡片中,模型只收到简短的渲染摘要。
外部服务
  • 提供的证据未声明需要外部服务。
凭据
  • 提供的证据未声明需要凭据。

局限

  • 仅面向 DeepSeek Harness web profile。
  • 已声明的 peer 依赖范围针对 DSH tools 和 Cordis,未声明 Harness 版本范围。
  • 未审计 npm 包内容,也未执行运行时测试。

DSHub 已核对

  • 固定 Git 源、包清单和 Cordis bundle patch 已通过提供的结构检查。
  • README 记录了两个注册工具及 Git 安装方式。

DSHub 未核对

  • 尚未测试实际安装、浏览器渲染或运行时兼容性。
  • 未独立审计任意 SVG/HTML 渲染内容的安全性。

固定版本安装

安装 DSH Visualizer Widget

这个Plugin Bundle没有 DSH Plugin 安装操作,请根据源码文档使用真实交付方式。

访问源码项目

维护者原文

项目 README

查看 commit 67b3d7e 对应的 README
维护者编写的上游内容原文于 2026/9/15README.md 获取,正文和仓库相对媒体固定到 commit 67b3d7e8057e,内容哈希为 112bd1af2215。以下是未经 DSHub 翻译的上游原文,语言可能与当前页面不同;第三方托管的 badge 可能独立更新。

dsh-visualizer-widget

DeepSeek Harness 的会话流「内联可视化」插件:模型产出 SVG / HTML 源码后,交给浏览器渲染成一张可交互的内联卡片,源码只进卡片、不回灌模型上下文。

License: MIT npm DeepSeek Harness:0.1.5-rc.1

能做什么

插件注册两个工具:

工具 作用
render_visual 把 SVG / HTML 源码渲染成会话流内联卡片(预览/源码切换、高度档位、浅色/深色底、重跑、复制)
get_visualizer_spec 按需返回统一渲染规范全文(viewBox 基准 680、字号/字重约束、9×7 色板、明暗配色、图类型路由、导出陷阱等)

卡片在 tool.call.toolview 槽位上按 render_visual 键接管该工具的调用行,源码经 iframe srcdoc 沙箱隔离渲染。

效果预览

dsh-visualizer-widget 会话流内联可视化卡片效果

设计要点

  • 源码与模型上下文解耦render_visualoutput.render 只回一行摘要(格式 / 字符数 / 高度),完整源码只留在工具结果与卡片里,不进入模型上下文。
  • 渲染规范随包分发get_visualizer_spec 返回的规范固化的内联可视化设计规范,生成源码时据此保持统一视觉。
  • 安全隔离:iframe 沙箱只给 allow-scripts allow-popups allow-forms,不带 allow-same-origin,卡片内脚本拿不到主页面 DOM / storage。

安装

# 本地目录
dsh plugin --profile web add .

# 或从 GitHub
dsh plugin --profile web add github:lovezi0/dsh-visualizer-widget
# 卸载
dsh plugin --profile web remove dsh-visualizer-widget

构建

npm run build

产物 lib/index.js(host 半)与 lib/client.js(client 半单文件 bundle)已随包提交,github: 安装拉到的源码自带 lib/,加载即用。

使用

让模型「画一个柱状图看板」「渲染这段 SVG 原型」时,模型会调用 render_visual,卡片直接出现在会话流里;生成复杂图表前可先调 get_visualizer_spec 核对规范。

版本历史

0.1.0 - 🔥会话流「内联可视化」插件

有意识地管理

安装与管理

前置条件与目标 Profile

目标 Web Profile

交付方式 Git Bundle — lovezi0/dsh-visualizer-widget#67b3d7e8057e2398896dfeebb059e5a46604a636

验证、更新与移除

显示生命周期命令
验证
dsh plugin --profile web list

兼容性与访问范围

DeepSeek Harness web client bundle Not declared in supplied evidence

检查兼容性证据

风险事实

content-execution

Rendered SVG/HTML can run scripts inside a sandboxed iframe.

证据
证据与编辑审查Manifest、Bundle patch、分发与新鲜度

不可变证据

审查状态与源码活动

AI 已审查

该包使用 MIT 许可证;请按自身信任策略评估待渲染内容。

AI 审查于 2026/9/15 UTC 14:26GitHub 事实核对日期: 2026/9/15 UTC 14:26

自当前证据基线以来,没有记录到重要源码变化。

下一步

按 Plugin 安装流程操作

订阅重要变化: DSH Visualizer Widget