BSD-3-Clause 生成式 UI 外掛，安裝到 DeepSeek Harness 的 dsh web profile，將模型產生的交互式 HTML 卡片直接渲染進對話流，並以沙箱隔離執行。
DSH 整合
原生執行環境
作者聲明
安全稽核
未稽核
最後核實
2026-08-21
授權條款
BSD-3-Clause
01它能幫你完成什麼？
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
02如何將外掛接入 DeepSeek Harness？
先決條件
- DeepSeek Harness (dsh) with the `web` profile
安裝步驟
- 01
Run `dsh plugin --profile web add github:Nagi-ovo/dsh-visualize`
$ dsh plugin --profile web add github:Nagi-ovo/dsh-visualize
- 02
If dsh web is already running, restart it and refresh the page
- 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 .
- 04
Users of the community plugin-registry can also install from Settings → Plugins
驗證整合成功
- Run `dsh --profile web --dump-config` and confirm the plugin appears in the final configuration
03DSH 整合程度與能力邊界
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?)` toolSandboxed rendering with CSP
model-generated HTML fragment→card 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 CDNFragment size guard
HTML fragment submitted by the model→fragments capped at 1,000,000 bytes by default, adjustable via `maxFragmentBytes`
04適合誰？何時不該用？
適合
- DSH Web UI users who want model answers as interactive cards instead of plain text
- Users who revisit or share long-running DSH sessions
不適合
- 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.
05相容性、維護與安全提醒
- 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.
BSD-3-Clause · actively maintained (last push 2026-08-17, no tagged release yet)
06常見問題
dsh-visualize 如何接入 DeepSeek Harness？
它是 DSH `web` profile 的原生外掛：執行 `dsh plugin --profile web add github:Nagi-ovo/dsh-visualize`，如果 dsh web 正在執行，重新啟動後重新整理頁面即可。它不是 MCP 伺服器。
實際怎麼產生視覺化？
直接用自然語言告訴模型你想看什麼，例如「做一個能調參數的排序演算法視覺化」。模型會寫出一份 HTML fragment，再呼叫 `visualize(path, title?, mode?)` 放進對話；需要並排比較的內容量可以使用 `mode: "wide"`。
安裝需要什麼前置條件？
需要帶有 web profile 的 DeepSeek Harness（dsh）。使用社群 plugin-registry 的使用者也可以從「設定 → 外掛」安裝；建置產物已提交到儲存庫，不需要額外建置。
卡片執行安全嗎？資料會去哪裡？
卡片執行在不透明來源的 sandboxed iframe 中，無法存取宿主頁面；CSP 會阻擋網路請求、巢狀頁面與表單提交，只允許從固定 CDN 載入靜態資源。單一 fragment 預設上限 1000000 位元組，可透過 `maxFragmentBytes` 調整。
有哪些限制？
交互式卡片只在 Web UI 中渲染，TUI 與 headless 用戶端只會顯示一般的工具結果；卡片內的按鈕目前還不能向主對話傳送 follow-up 訊息。
07相關的 DSH 工作流程
dsh-web
作者 zhu1090093659
DeepSeek Harness（dsh）外掛聚合生態，萬物皆外掛，通過創意工坊分發。
petdex
作者 crafter-station
面向 Codex、Claude Code、DeepSeek Harness 等智慧體的動效寵物公共相簿。
j-space-cognition-suite-v3.7
作者 tiger3807861189
J-Space Cognition Suite V3.7 - AI cognitive-enhancement Skills based on Anthropic's J-space global workspace research. | 嗶哩嗶哩：Tiger380 (UID 3494375382321675) — https://space.bilibili.com/3494375382321675
dsh-deep-whale
作者 small-tailqwq
Whale Girl skin series for DeepSeek Harness. 適用於 DeepSeek Harness 的，鯨魚娘系列皮膚。
08資料與來源
推荐直接从 GitHub 安装到 DSH 的 `web` profile： ```sh dsh plugin --profile web add github:Nagi-ovo/dsh-visualize # 如果 dsh web 正在运…
模型会写出一份 HTML fragment，再调用 `visualize(path, title?, mode?)` 把它放进对话。
此頁面根據專案公開文件、儲存庫中繼資料與 DSH Plugins 的結構化解析所產生；最後核實於 2026-08-21。發現錯誤？提交更正。
最佳 DeepSeek Harness 外掛
從全目錄挑出的 12 個值得優先安裝的外掛，涵蓋各個分類。