キャンバス & 生成 UI

dsh-genui

30 以上のインタラクティブコンポーネントを返信内にインラインでレンダリングし、アクションはモデルへループバックする。

概要

モデルが dsh-ui フェンスの中でインターフェースを JSON として記述すると、ブラウザ側のレンダラーがそれを返信内のライブコンポーネントに変える。カード、テーブル、チャート、フォーム、タブ、タイムライン、差分、mermaid、3D シーンが、回答のストリーミングと同時に現れる。

GenUI for DeepSeek Harness: interactive UI components rendered inline in assistant replies via the dsh-ui fence — layout, charts, plots, forms, quizzes, mermaid, 3D scenes, and an action event loop back to the model.
上流の README より

デザインにとっての意味

  • 回答がインターフェースになる。データパネル、チャート、フォームが、説明のその場所でレンダリングされる。
  • インタラクティブなコンポーネントはアクションをモデルに送り返し、モデルが UI を更新して応える。
  • コンポーネントのホワイトリストと仕様ガードにより、壊れたチャートが画面に出ることはない。

カバーする内容

  • Dual-channel rendering
  • Before vs. after
  • What it can do
  • How it works
  • Roadmap

インストール方法

dsh-genui

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

    dsh plugin --profile web add git+https://github.com/omdsh-dev/dsh-genui.git
  2. dsh web を再起動して、プラグインを読み込ませる。

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

DeepSeek Harness での使い方

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

  2. ダッシュボード、クイズ、フォームを頼むと、モデルが dsh-ui フェンスを自分で書く。

  3. 結果を操作する。ローカルアクションは即座に応答し、モデルアクションはループバックする。

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

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

次のステップ

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

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

NEXGERCORE デスクトップ版

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

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

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

macOS、Windows、Linux に対応