キャンバス & 生成 UI
deepseek-harness-genui
タスクが目的特化の React インターフェースを生やし、そこで選んだ内容がエージェントに還流する。
概要
エージェントタスクのためのランタイムインターフェース層。テキストでは伝わりにくいとき、エージェントが小さな React + TypeScript アプリを書き、インライン、Canvas、フルスクリーン、または localhost で表示する。難しい関係を説明し、複雑な意思決定を収集し、タスクスコープの承認を経て接続ツールを操作するために。
DeepSeek Harness GenUI is a runtime interface layer for Agent tasks. When text gets in the way, the Agent can make the current task grow a focused UI—to explain a difficult relationship, collect a complex decision, or operate a connected tool.
デザインにとっての意味
- インターフェースはコードファーストの React。レイアウト、コントロール、ダイアグラムはスクリーンショットではなく本物のコンポーネントになる。
- 保存された選択、入力、下書きはタスクに戻り、後のエージェントのターンが読み取れる。
- 4 つのビジュアルプロファイルを持つ DESIGN.md システムが、生成されるアプリを 1 つのデザイン言語に保つ。
カバーする内容
- What Changes
- When an Interface Helps
- Inline & Canvas
- How It Works
- Design MD
- Safety
インストール方法
deepseek-harness-genui
-
ターミナルでこれを実行する。
dsh plugin --profile web add dsh-plugin-genui && dsh plugin --profile web exec playwright install chromium -
dsh web を再起動して、プラグインを読み込ませる。
-
あとは作りたいデザインを説明するだけ。ハーネスがプラグインのツールを拾い上げる。
DeepSeek Harness での使い方
-
インストールコマンドを実行する——プラグインが追加され、続いて Playwright に必要な Chromium がインストールされる。
-
インタラクションが役立つ場面でインターフェースを頼む。ピッカー、探索できるモデル、コードパスエクスプローラー。
-
操作してからフォローアップする。エージェントは繰り返しを求める代わりに、あなたが選んだ内容を読み取る。
ここに並ぶプラグインはすべて無料でインストールでき、実際の配布元にリンクしています。
DeepSeek Harness リポジトリをもっと見る ↗ほかの DeepSeek Harness デザインプラグイン
ビジョン & 入力 できること modlens テキスト専用の DeepSeek モデルに、プラグインで視覚を与える。スクリーンショットを貼れば、構造化された根拠が返ってくる。 
ビジョン & 入力 できること dsh-vision-toolkit UI 復元、グラウンディング、ピクセル差分検証のための 10 個のビジョンツール。 
ビジョン & 入力 できること dsh-ui-spec UI スクリーンショットを実装レベルの仕様に変える。トークン、余白スケール、レイアウトグリッド。 
ビジョン & 入力 できること dsh-media-skills 無料の目と無料の絵筆。貼り付けた画像の読み取りと、ウォーターマークなしの画像生成。 次のステップ
セットアップなしで、OpenDesign とデザインする
このプラグインを自分で入れてもいいし、OpenDesign でキュレーション済みのデザインレイヤーごと DeepSeek Harness の周りで動かしてもいい。自分の API キーを使い、成果物も自分のものに。