キャンバス & 生成 UI

dsh-visualize

モデルが会話のストリームに、インタラクティブな HTML カードを直接描く。

概要

visualize ツールと付属スキル。モデルが HTML フラグメントを書き、チャットの中にサンドボックス化されたインタラクティブカードとしてマウントする。シミュレーター、チャート、比較パネル、UI モックアップに対応し、ストリーミングプレビューとテーマに合わせたスタイリングを備える。

DSH does not have to answer with text alone. When the model calls visualize, the Web UI renders an interactive card inside the conversation for simulators, charts, comparison panels, and UI mockups.
上流の README より

デザインにとっての意味

  • UI モックアップが会話の中に生き、説明されるだけでなくクリックできる。
  • カードはホストのライト/ダークテーマとパレットに従うので、プレビューがネイティブに見える。
  • すべてのカードは厳格な CSP を持つサンドボックス化された iframe で動き、壊れたフラグメントがセッションを壊すことはない。

カバーする内容

  • Install
  • Use it
  • Security
  • Limitations

インストール方法

dsh-visualize

  1. ターミナルでこれを実行する。

    dsh plugin --profile web add github:Nagi-ovo/dsh-visualize
  2. dsh web を再起動して、プラグインを読み込ませる。

  3. あとは作りたいデザインを説明するだけ。ハーネスがプラグインのツールを拾い上げる。

DeepSeek Harness での使い方

  1. プラグインを追加し、dsh web を再起動する。

  2. モックアップや比較を頼むと、モデルが自分の書いた HTML で visualize を呼び出す。

  3. あとでセッションをリプレイしても、カードは永続化されたツール結果から復元される。

ここに並ぶプラグインはすべて無料でインストールでき、実際の配布元にリンクしています。

DeepSeek Harness リポジトリをもっと見る ↗

次のステップ

セットアップなしで、NEXGERCORE とデザインする

このプラグインを自分で入れてもいいし、NEXGERCORE でキュレーション済みのデザインレイヤーごと DeepSeek Harness の周りで動かしてもいい。自分の API キーを使い、成果物も自分のものに。

NEXGERCORE デスクトップ版

ひとつのデザインシステムで、すべての制作物をブランドらしく

完全な NEXGERCORE IDE で、同じブランドルールを Web サイト、スライド、操作できるプロトタイプ、ダッシュボード、画像、HTML 動画に展開できます。ローカルの Codex、Claude Code、Cursor などを接続して無料で制作しましょう。

  • Web、スライド、プロトタイプ、ダッシュボード、画像、動画
  • 140+ のデザインシステムと完全なテンプレート/スキルライブラリ
  • ローカル Codex と 21+ のコーディングエージェントを接続 · 無料
無料ダウンロード

macOS、Windows、Linux に対応