DSH Web UI 実践ガイド：dsh web の起動からスマホ活用まで
実録画面に沿って一通り：dsh web で起動し、初回設定を済ませ、3080 ワークスペースを覚えたら、dsh-web エコシステムでスマホとスキンまで整えましょう。
最終更新: 2026-09-30
DeepSeek Harness のチュートリアルの多くは「dsh を入れる」で終わりますが、ハーネスにはもう一つの入口——ブラウザ——があります。`dsh web` の1コマンドで、エージェントのセッション、ワークスペースのファイル、設定が 127.0.0.1:3080 のタブに引っ越します。このガイドは公開の実録動画を 1 フレームずつ追いながら、Web UI を起動から日常使いまで通します。
本ページは Web UI 本体のみを扱います：起動、初回設定、画面内の操作、そしてモバイルリモートとスキンを追加する dsh-web エコシステム。外から自宅のエージェントを動かしたいなら姉妹編の スマホからリモートアクセス（ngrok）
要約
- ▸`npx @deepseek-ai/dsh web`（グローバル導入済みなら `dsh web`）の1コマンドで、ブラウザが 127.0.0.1:3080 を自動で開きます。
- ▸初回起動は DeepSeek API キーを求められます。サードパーティーモデルの追加は「設定 → モデル」から。
- ▸入力欄で / を打てばスキルを呼び出し。権限（Workspace Write）とモデルの切り替えも入力欄の下端に並んでいます。
- ▸dsh-web エコシステムを入れれば、LAN 内ならスマホが QR コードでペアリングしてモバイルリモート UI に——dsh-market.com には着せ替えスキンが 18 本。
dsh web の起動からスマホまで：9 ステップ図解
パート1 · Web UI を起動して使い込む
- 1
1コマンド：dsh web で起動
ターミナルで npx ワンライナーを実行すると、npm が "Need to install the following packages: @deepseek-ai/dsh… Ok to proceed? (y)" と聞いてきます——y と入力すればその場でダウンロード。DeepSeek Harness をグローバル導入済みなら、`dsh web` だけで同じこと。どちらでも Web UI が起動し、ブラウザが自動で開きます。
$npx @deepseek-ai/dsh web$dsh web
npx の1コマンドで Web UI を起動。npm の確認には y と答えるだけ。元動画の 2:00 から - 2
初回起動：API キーを入れる
ブラウザは 127.0.0.1:3080 に着き、最初に「添加一个 API Key 开始使用（API キーを追加して開始）」のダイアログが出ます。DeepSeek キーを貼って「保存并继续（保存して続行）」で即開始。「稍后配置（あとで設定）」を選んでも、同じ入口が設定画面でいつでも埋められます。
初回起動は API キーを求められます。後から設定画面で補ってもOK。元動画の 2:21 から - 3
設定 → モデル：プロバイダを整える
左下から「設定」を開くと、モデルページに設定済みプロバイダが並びます——DeepSeek は最初から入っています。「添加提供方（プロバイダを追加）」や「添加自定义提供方（カスタムプロバイダを追加）」からサードパーティーのキーを接続。ファイルで編集したい人は「打开配置文件（設定ファイルを開く）」で該当プロファイルへ直接飛べます。
設定 → モデル：モデル変更もサードパーティープロバイダ追加もここ。元動画の 2:30 から - 4
3080 ワークスペースを知る
画面は 3 カラム：左にセッションとワークスペースフォルダ（Documents、Downloads…）、中央にチャット入力欄、ワークスペースと権限のセレクタはその上端、右の Explorer パネルで作業ディレクトリを直接閲覧。アドレスバーの 127.0.0.1:3080 こそが UI の正体で、すべてローカルで動いています。
- 5
スラッシュコマンドでスキルを呼ぶ
メッセージの先頭で / を打つと「技能（スキル）」ポップアップが出ます——録画では /grill-with-d が grill-with-docs に一致。同じ入力欄の下端には権限セレクタ（読み取り専用 / Workspace Write / Full access）とモデル＋推論強度が並び、モード切り替えが入力欄から離れません。
/ でスキルメニューを呼び出し。権限とモデルは入力欄の下端で切り替え。元動画の 4:56 から - 6
実際のタスクを走らせ、履歴を読む
具体的な仕事を与えます——録画では Downloads フォルダの整理と可視化 HTML ページの生成。セッションには Think・Pwsh・Read のツール呼び出しが流れ、終了後に入力欄の下に統計行（4 輪 · 11 步 | LLM 34.3s | キャッシュ命中率 90% | 入力 144K tok · 出力 3.8K tok）が出て、1 実行のコストが一目でわかります。
実際のタスクが走り出したところ：ツール呼び出しの履歴と、下端の実行統計。元動画の 3:25 から
パート2 · エコシステムで広げる：モバイルとスキン
- 7
dsh-web：Web UI のプラグインエコシステム
コミュニティの dsh-web バンドルは DSH 公式のプラグイン profile 仕組みでマウントされ、コアを書き換えません。タスクボード、Git グラフ、右側パネル、モバイルリモート UI、ペット、スキン、dsh-market.com のワークショップを一度に届けます。プロジェクト README のコマンドで導入し、`dsh web` を再起動すれば Web UI に読み込まれます。
$dsh plugin --profile web add @linxin666/dsh-web-all@latest
dsh-web エコシステム：ボード・グラフ・リモート・スキン・ワークショップを一括導入。元動画の 3:28 から - 8
dsh-web-ui で何が増える：モバイルリモートも
リポジトリの About の一文がそのまま機能一覧です：タスクボード、Git グラフ、右側パネル、リモートモバイル UI、ペット、ライブトークン統計、スキンセンター。モバイル部門は QR コードで LAN 内のスマホとペアリングし、タッチ操作に最適化した画面でセッションをストリーミング——「スマホで dsh web ui」への最短ルートです。
dsh-web-ui リポジトリの自己紹介：タスクボード・モバイル UI・スキンセンターを一行で把握。元動画の 5:32 から - 9
dsh-market.com でスキンを替える
エコシステムのワークショップは 18 本のコミュニティスキンを人気順に並べます——録画では Blue Fantasy が 1 位で、Abyssal Maid Atelier や Harbor が続き、各カードに作者とバージョンが記載。スキンは Web UI にそのままインストールでき、レイアウトはそのままで見た目だけ着替えます。
ワークショップは人気順で 18 本のスキンを提示。選べば Web UI にすぐ入る。元動画の 4:50 から
よくある質問
このページに寄せられる質問の上位を、すべて上の録画に基づいて回答します。
ターミナルを閉じたあと、Web UI のアドレスはどうやって確認すればいいですか？
`dsh web` を再実行してください。起動のたびにアドレス（録画では http://127.0.0.1:3080）をターミナルに表示してからブラウザを開きます。タブが出ない場合は表示された URL を手入力。ブラウザの自動起動が不要なら `dsh web --no-open` でサーバーだけ立ちます。
スマホからこの Web UI を開くには？
道は2つ。同じ Wi-Fi 内ならステップ 7 の dsh-web エコシステムを導入：モバイルリモートが QR コードでスマホとペアリングし、タッチ操作向けの画面で UI をストリーミングします。ネットワークの外からならトンネルが必要——サイトのリモートアクセスガイドが無料の ngrok 手順を丁寧に追っています。
インストールせずに Web UI を試せますか？
できます——`npx @deepseek-ai/dsh web` は1行でダウンロード＆実行（録画時は 0.1.0-rc.6）。npm の確認で y と答えるだけで、システムには何も残りません。グローバル導入ならより短い `dsh web`。バージョンは異なる場合があるので、自分のターミナルが表示するアドレスを正としてください。
dsh-web のようなエコシステムは安全？
プロジェクト README によれば、DSH 公式のプラグイン profile 仕組みでマウントされコアは書き換えません——ただしサードパーティーのコミュニティプロジェクトです。導入前に README とソースを読み、リスクは自分で判断してください。スクリーンショット中の star 数やダウンロード数は録画日（2026-09）時点の値で、今はまた動いています。
関連ガイド
次にやりたいこと別の道しるべ。
スマホからリモートアクセス（ngrok）
同じ 3080 の Web UI を無料トンネルで外部に公開し、外のブラウザから自宅エージェントを操作。
ガイドを読むdsh-pocket：DSH をポケットに
PC の dsh web をスマホの QR コードでペアリング：LAN 直接接続か Cloudflare 無料トンネルで同じ画面をリアルタイム同期、スマホ側からも操作可能——フレーム単位で検証した 7 枚のスクリーンショット。
ガイドを読むDSH のよくあるエラーと修復実践
症状と照らし合わせてトラブルを切り分けます。インストール失敗、プラグイン起動クラッシュ、更新後の不調——すべて実録スクリーンショット付きで、コマンドは公式 Discussions と照合済み。
ガイドを読むリモート・モバイルコレクション
dsh-web、dsh-pocket、Agents-Anywhere、dsh-mobile——厳選リモートクライアントをひとまとめ。
ガイドを読むWindows へ DeepSeek Harness を導入
まずグローバルな dsh コマンドを整える——本ガイドの Web UI はそこから起動します。
ガイドを読むDSH のデスクトップアプリ
公式デスクトップ版とコミュニティのラッパー——同じエージェントのもう一つの姿。
ガイドを読むdsh-tui ターミナル入門
キーボード主体のターミナル画面がお好みなら。プロファイル・スキル・ジョブはコミュニティ TUI へ。
ガイドを読む出典とクレジット
スクリーンショットはすべて公開の録画から取得し、各図は撮った瞬間へディープリンクします。文章・構成・結論は当サイト独自のものです。事実は dsh-web の GitHub README と当サイトのインストールガイドでクロスチェック済み。同じページを外へ出すトンネルの手順は スマホからリモートアクセス（ngrok）