Back to directory

dsh-visualize

Curated pickMaintenance: Active

nagi-ovo/dsh-visualize

对话内生成式 UI 插件:模型调用 visualize 工具把交互式 HTML 卡片画进会话流(沙箱渲染卡、流式预览、组件浮入动画、主题跟随)

View on GitHub
$ dsh plugin --profile web add github:Nagi-ovo/dsh-visualize

258

stars

5

forks

TypeScript

Language

BSD-3-Clause

License

2026-08-13

Created

2026-08-27

Last push

BSD-3-Clause generative UI plugin for the DeepSeek Harness Web UI: installed into the dsh web profile, it renders model-generated interactive HTML cards inline in conversations with sandboxed rendering.

DSH integration

Native runtime

Author-claimed

Safety audit

Unaudited

Last verified

2026-08-21

License

BSD-3-Clause

01What can it help you accomplish?

  • Generate interactive visualizations — simulators, charts, comparison panels, UI mockups — directly inside DSH conversations

    Interactive HTML cards rendered inline in the Web UI conversation flow, with streaming preview, component float-in animations and theme following (DSH dark/light theme and whale-blue palette)

    DSH Web UI users who want model answers as interactive cards instead of plain text

  • Replay past sessions with their visualizations intact

    Cards restored from persisted tool results on session replay, without depending on the original fragment files still existing

    Users who revisit or share long-running DSH sessions

02How to install into DeepSeek Harness

Prerequisites

  • DeepSeek Harness (dsh) with the `web` profile

Installation steps

  1. 01

    Run `dsh plugin --profile web add github:Nagi-ovo/dsh-visualize`

    $ dsh plugin --profile web add github:Nagi-ovo/dsh-visualize

  2. 02

    If dsh web is already running, restart it and refresh the page

  3. 03

    Alternative (source modification): clone the repo and run `dsh plugin --profile web add .` inside it — build artifacts are already committed, no extra build step needed

    $ dsh plugin --profile web add .

  4. 04

    Users of the community plugin-registry can also install from Settings → Plugins

Verify the integration

  • Run `dsh --profile web --dump-config` and confirm the plugin appears in the final configuration

03DSH integration and capability boundaries

DSH integrationNative runtime

DSH web profile plugin installed via `dsh plugin --profile web add github:Nagi-ovo/dsh-visualize`; the model calls the `visualize` tool to render interactive HTML cards inline in the conversation

  • In-conversation generative UI

    natural-language request, e.g. "做一个能调参数的排序算法可视化"an interactive card in the conversation: simulator, chart, comparison panel or UI mockup; `mode: "wide"` for side-by-side content

    the model writes an HTML fragment file and invokes the `visualize(path, title?, mode?)` tool
  • Sandboxed rendering with CSP

    model-generated HTML fragmentcard runs in a sandboxed iframe with an opaque origin; CSP blocks network requests, nested pages and form submission, only static resources from a fixed CDN are allowed

    static resources are loaded from a fixed CDN
  • Fragment size guard

    HTML fragment submitted by the modelfragments capped at 1,000,000 bytes by default, adjustable via `maxFragmentBytes`

04Who is it for? When not to use it?

Good for

  • DSH Web UI users who want model answers as interactive cards instead of plain text
  • Users who revisit or share long-running DSH sessions

Not for

  • Interactive cards only render in the DSH Web UI; TUI and headless clients fall back to a plain tool result.
  • The repository is very young (created 2026-08-13) and has no tagged release; treat the interface as early-stage.

05Compatibility, maintenance and safety notes

  • Interactive cards only render in the DSH Web UI; TUI and headless clients fall back to a plain tool result.
  • Buttons inside cards cannot send follow-up messages to the main conversation yet.
  • The repository is very young (created 2026-08-13) and has no tagged release; treat the interface as early-stage.
2026-08-132026-08-17Not specified by the author

BSD-3-Clause · actively maintained (last push 2026-08-17, no tagged release yet)

06Frequently asked questions

How does dsh-visualize integrate with DeepSeek Harness?

It is a native DSH plugin for the `web` profile: run `dsh plugin --profile web add github:Nagi-ovo/dsh-visualize`, restart dsh web if it is running and refresh the page. It is not an MCP server.

How do I actually generate a visualization?

Just tell the model what you want, e.g. "make a sortable-algorithm visualization with tunable parameters". The model writes an HTML fragment and calls `visualize(path, title?, mode?)` to place it in the conversation; use `mode: "wide"` for side-by-side comparisons.

What are the prerequisites?

DeepSeek Harness (dsh) with the web profile. Users of the community plugin-registry can also install from Settings → Plugins; build artifacts are committed to the repo so no build step is needed.

Are the cards safe to run?

Cards run in sandboxed iframes with opaque origins and cannot touch the host page. CSP blocks network requests, nested pages and form submission, allowing only static resources from a fixed CDN; each fragment defaults to a 1,000,000-byte cap, adjustable via `maxFragmentBytes`.

What are the limitations?

Interactive cards only render in the Web UI — TUI and headless clients show a plain tool result — and buttons inside cards cannot send follow-up messages to the main conversation yet.

08Data and sources

  • Author-claimedgithub.come86f68fe66b9…

    推荐直接从 GitHub 安装到 DSH 的 `web` profile: ```sh dsh plugin --profile web add github:Nagi-ovo/dsh-visualize # 如果 dsh web 正在运…

  • Author-claimedgithub.come86f68fe66b9…

    模型会写出一份 HTML fragment,再调用 `visualize(path, title?, mode?)` 把它放进对话。

This page is generated from the project’s public documentation, repository metadata and a structured parse of DSH Plugins; last verified on 2026-08-21. Found an error? Submit a correction.

🏆

Best DeepSeek Harness Plugins

Twelve plugins worth installing first — picked from the whole catalog, across every category.

DSH Plugins is an independent community directory of DeepSeek Harness plugins. Not affiliated with or endorsed by DeepSeek. Third-party plugins are not security-audited — review the source before installing.

New DeepSeek Harness plugins, weekly. No spam.