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
02DeepSeek 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 1 件あたりの上限は既定で 1000000 バイトで、`maxFragmentBytes` で調整できます。
どのような制限がありますか？
インタラクティブカードは Web UI でのみ描画され、TUI や headless クライアントでは通常のツール結果として表示されます。カード内のボタンからメインの会話へ follow-up メッセージを送ることはまだできません。
07関連する DSH ワークフロー
dsh-web
by zhu1090093659
DeepSeek Harness（dsh）の Web プラグインを集約するエコシステムパッケージ。すべてがプラグインであり、クリエイティブワークショップ（dsh-market.com）経由で配布されます。
petdex
by crafter-station
Claude Code、DeepSeek Harness、Gemini CLI などで使えるアニメーションペットの公開ギャラリー
j-space-cognition-suite-v3.7
by tiger3807861189
Anthropic の J-space グローバルワークスペース研究に基づく、AI 認知強化スキル集。思考を整理しながら作業を進めたい日本のユーザー向けのスイートです。
dsh-deep-whale
by small-tailqwq
DSH Web GUI 用の鯨っ娘テーマスキン（深海メイド工房 maid-atelier、ライト/ダーク両モード対応、CC BY-NC-SA 4.0）
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。誤りを見つけた場合は、修正を送信してください。
dsh プラグイン おすすめ
最初に入れたい 12 のプラグイン。全カタログ・全カテゴリから厳選しました。