ワークスペース & プレビュー
DSH-better-sidebar
サイドバーの中の完全なワークベンチ。ファイルエクスプローラー、リッチプレビュー、ターミナル、Git、ブラウザ。
概要
ハーネスの web UI のためのデュアルパネルのワークベンチ。CodeMirror 編集付きの遅延読み込みファイルエクスプローラー、画像・Markdown・HTML・PDF・Office ファイルのインラインプレビュー、本物のターミナル、VS Code スタイルの差分を備えた Git パネル、埋め込みのサンドボックス化ブラウザ、ドラッグできる分割ペインのタブを備える。
一个侧边栏的完整工作台，支持三方拓展注册新Tab页面，内置文件渲染编辑/终端/Git/子代理
デザインにとっての意味
- エージェントが生成した HTML、画像、ドキュメントを、会話を離れずにプレビューできる。
- 埋め込みのサンドボックス化ブラウザが、起動中のプロトタイプをチャットの隣のタブで開く。
- サードパーティのプラグインは、サービス API を通じて独自のタブとファイルプレビューアを登録できる。
カバーする内容
- File explorer
- Editing & preview
- Terminal
- Git panel
- Embedded browser
- Split-pane workbench
インストール方法
DSH-better-sidebar
-
ターミナルでこれを実行する。
npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar -
dsh web を再起動して、プラグインを読み込ませる。
-
あとは作りたいデザインを説明するだけ。ハーネスがプラグインのツールを拾い上げる。
DeepSeek Harness での使い方
-
1 行のスクリプトでインストールするか、npm パッケージを web プロファイルに追加する。
-
ワークベンチを開き、右サイドバーと下部パネルにタブを配置する。
-
エージェントが作ったものをその場でレビューする。プレビュー、差分、ターミナル、ブラウザタブ。
ここに並ぶプラグインはすべて無料でインストールでき、実際の配布元にリンクしています。
DeepSeek Harness リポジトリをもっと見る ↗ほかの DeepSeek Harness デザインプラグイン
ビジョン & 入力 できること modlens テキスト専用の DeepSeek モデルに、プラグインで視覚を与える。スクリーンショットを貼れば、構造化された根拠が返ってくる。 
ビジョン & 入力 できること dsh-vision-toolkit UI 復元、グラウンディング、ピクセル差分検証のための 10 個のビジョンツール。 
ビジョン & 入力 できること dsh-ui-spec UI スクリーンショットを実装レベルの仕様に変える。トークン、余白スケール、レイアウトグリッド。 
ビジョン & 入力 できること dsh-media-skills 無料の目と無料の絵筆。貼り付けた画像の読み取りと、ウォーターマークなしの画像生成。 次のステップ
セットアップなしで、NEXGERCORE とデザインする
このプラグインを自分で入れてもいいし、NEXGERCORE でキュレーション済みのデザインレイヤーごと DeepSeek Harness の周りで動かしてもいい。自分の API キーを使い、成果物も自分のものに。