Evidence snapshot reviewed Sep 16, 2026GitHub checked Aug 21, 2026
DSHub.
Plugin RSS
Evidence-verifiedPlugin BundleInterface & ExperienceWeb Profile

DSH Visualizer Widget

Display model-generated SVG or HTML as an interactive inline card in DeepSeek Harness conversations.

Install this Plugin ↓View on GitHub ↗More Plugin Bundles

At a glance

What it does

Display model-generated SVG or HTML as an interactive inline card in DeepSeek Harness conversations.

Use cases
Interface & ExperienceVisualizationUIAgents
Works with
Deepseek HarnessWeb
Compatibility

Web Profile
Not declared in supplied evidence

Trust & status

Evidence-verified
Checked Sep 15, 2026, 2:25 PM UTC

Code-evidenced contributions

What it adds to DSH

Model Toolsrender_visual

Renders supplied SVG or HTML as an interactive inline conversation card.

Mechanism evidence ↗
Model Toolsget_visualizer_spec

Returns the package's visual-rendering specification for generating consistent visuals.

Mechanism evidence ↗

Before you choose it

This web-profile DeepSeek Harness bundle registers render_visual for inline SVG/HTML previews and get_visualizer_spec for its packaged visual guidelines. The card supports preview/source switching, height choices, theme backgrounds, rerun, and copy actions.

Best for

DeepSeek Harness web users who want an agent to present charts, dashboards, SVG prototypes, or HTML visuals directly in the conversation stream.

Common tasks

  • Ask the model to draw a bar-chart dashboard and view it inline.
  • Render an SVG prototype without pasting its full source back into model context.
  • Request the bundled visualization specification before generating a complex graphic.

Permissions and data

The plugin renders tool-supplied SVG or HTML in an iframe-based card.

Permissions
  • The documented iframe sandbox allows scripts, popups, and forms; it omits allow-same-origin.
Data handling
  • The README states full source remains in the tool result and card, while the model receives only a short rendering summary.
External services
  • No external service requirement is declared in the supplied evidence.
Credentials
  • No credential requirement is declared in the supplied evidence.

Limitations

  • It targets the DeepSeek Harness web profile.
  • The declared peer dependency range is for DSH tools and Cordis; no Harness version range is declared.
  • The package's npm contents and runtime behavior were not audited or executed.

What DSHub checked

  • Pinned Git source, package manifest, and Cordis bundle patch passed supplied structural checks.
  • The README documents two registered tools and Git-based installation.

What DSHub did not check

  • Successful installation, browser rendering, and runtime compatibility were not tested.
  • Safety of arbitrary SVG/HTML supplied for rendering was not independently audited.

Pinned install

Install DSH Visualizer Widget

This plugin bundle does not have a DSH Plugin install action. Use its source documentation for the delivery method.

Visit the source project ↗

Maintainer source

Project README

View at commit 67b3d7e ↗
Maintainer-authored contentCaptured from README.md on Sep 15, 2026. The text and repository-relative media are fixed to commit 67b3d7e8057e with content hash 112bd1af2215; provider-hosted badges may update independently. README commands are upstream documentation; the DSHub copy action above is the verified, version-pinned install.

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_visual 的 output.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 - 🔥会话流「内联可视化」插件

Operate deliberately

Install and manage

Prerequisites and target Profile

Target： Web Profile

Delivery： Dsh Bundle Git — lovezi0/dsh-visualizer-widget#67b3d7e8057e2398896dfeebb059e5a46604a636。

Verify, update, and remove

Show lifecycle commands
Verify
dsh plugin --profile web list

Compatibility and access

DeepSeek Harness web client bundle： Not declared in supplied evidence。

Review compatibility evidence ↗

Risk facts

Content Execution

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

Evidence ↗
Evidence and editorial reviewManifest, Bundle patch, distribution and freshness

Immutable evidence

Review status and source activity

AI reviewed

MIT-licensed package; evaluate rendered content according to your own trust policy.

AI reviewed Sep 15, 2026, 2:26 PM UTC。GitHub facts last checked Sep 15, 2026, 2:26 PM UTC。

No material source change has been recorded since this evidence baseline.

Next step

Follow the Plugin installation workflow →

Subscribe to material changes for DSH Visualizer Widget →