dsh スキン変更ガイド：client ui テーマの導入と画面カスタマイズ
dsh の Web 画面を着せ替える方法は2つ。Firefly のような完成テーマをワンクリックで入れるか、dsh-client-ui-custom フレームワークで壁紙・すりガラス・透明度を自分好みに調整するか。すべての手順に実画面のスクリーンショットと元動画へのタイムスタンプ付き。
最終更新: 2026-10-02
dsh の既定 Web 画面はシンプルです——暗いキャンバスにプロンプト入力欄がひとつ。検索サジェストには「dsh client ui」「dsh client ui aqua」といった実際のクエリが並びますが、検索結果はほぼ GitHub リポジトリと Bilibili 動画ばかりで、手順を追える記事がありません。このページがその記事です：完成済みテーマの導入方法から、カスタマイズフレームワークによる自分仕様の調整まで。掲載したインストール・削除コマンドはすべて 2026-10-02 に両 GitHub の README と突き合わせて確認済みです。
2つの方法は重なりません。Firefly のようなテーマスキンは、インストール1回で壁紙・変身オープニングアニメ・サウンドまで全体を着せ替えます。dsh-client-ui-custom のようなカスタマイズフレームワークは標準レイアウトを保ったまま、テーマプリセット・すりガラス・壁紙・透明度・フォントの調整機能を手に入れられます。まず UI 系プラグインを一望したいなら UI コレクションへ。 DSH UI プラグインコレクション
要点だけ
- ▸導入方法は3通り：内蔵プラグインマーケットで検索、チャット欄に GitHub リポジトリ URL を貼る、またはコマンド1行。
- ▸dsh-theme-firefly（Liu-ZA-81）は『崩壊：スターレイル』の Firefly を再現したフルスキン：動的/静的壁紙、変身オープニングアニメ、BGM とタイピング音。
- ▸dsh-client-ui-custom（yoli-mi）はフレームワーク：テーマプリセット6種、ガラス4段階、好きな壁紙、透明度スライダー——変更は即時反映、再起動不要。
- ▸テーマは相互排他で、後に読み込まれた方が勝ちます。コマンド1つで削除、またはパッチファイルの1行をコメントアウトすればいつでも標準画面に戻せます。
素の dsh からテーマ画面まで、手順を追って
パート1 · 完成テーマを入れる（Firefly）
- 1
テーマを探す：マーケット検索、URL 貼り付け、コマンド1行
設定 → プラグイン → プラグインマーケットを開いて「firefly」と検索。Liu-ZA-81 作の dsh-theme-firefly カード（収録時点 ★7、GitHub 現在 ★30）は「テーマと外観」タグの下にあります：立ち絵/動的壁紙、ホタルのネオン配色、変身オープニングアニメ、ホタルのパーティクル、BGM、タイピング音、会話ごとに発動するスタンプ演出。GitHub リポジトリ URL をチャット欄に貼って dsh に自動導入させることも、README の npm インストールコマンドを使うこともできます。
$dsh plugin --profile web add dsh-theme-firefly
ルート B：プラグインのリポジトリ URL をチャット欄に貼れば dsh が自動で導入。（t=20）元動画を見る 0:20 
ルート A：設定 → プラグインマーケット →「firefly」を検索 → dsh-theme-firefly カードでインストール。（t=40）元動画を見る 0:40 - 2
dsh web を再起動して変身アニメを見る
インストールが終わったら dsh web を再起動してページを再読み込みします。緑のグローが光るタイトルカード——「流萤 // FIREFLY · 萤火归位 · 变身完成」——が黒い画面中央にフェードイン。クリックすればスキップでき、README によるとリロードのたびに再生され、システムの「動きを減らす」設定時は自動でスキップされます。
導入後の初回リロード：変身アニメが再生、クリックでスキップ。（t=60）元動画を見る 1:00 - 3
テーマの中で暮らす：壁紙パネルとチャット画面
Firefly の立ち絵が画面全体の下敷きになります——ホームもチャットも。入力欄の「景」ボタンで壁紙パネルが開き、動的（mp4）/静的画像のそれぞれで現在の壁紙を個別に記憶、手元の画像や動画を取り込め（サーバーに保存されるので再起動やブラウザを変えても残る）、複数選んでランダムローテーションにもできます。機能は何一つ減りません：Think ブロック、ツール呼び出し、token と残高のステータス行はそのまま、配色だけホタルの緑に変わります。
フルテーマ化したホーム：立ち絵が下敷き、プレーヤーは右下にドッキング。（t=290）元動画を見る 4:50 
機能はゼロ損失：推論もツールも token 収支も残ったまま、着替えただけ。（t=380）元動画を見る 6:20
パート2 · dsh-client-ui-custom で微調整
- 4
カスタマイズフレームワーク dsh-client-ui-custom を導入
固定スキン一枚で物足りないなら、yoli-mi 作の dsh-client-ui-custom を（GitHub ★38、2026-09-28 現在も更新中；プロモ動画はプラグイン作者本人の録画です）。外観・ショートカット・使用量統計・履歴バー・自分のメッセージの Markdown 描写・プラグインマーケット・モーションという7つの独立モジュールを同梱。すべて既定はオフ——設定しなければ画面はネイティブのまま——で、features ホワイトリストで必要なモジュールだけを入れられます。
$dsh plugin --profile web add git+https://github.com/yoli-mi/dsh-client-ui-custom.git - 5
外観ページ：6種のプリセット、ガラス段階、好きな壁紙
設定 → 外観が中心ページです。内蔵プリセット6種——Ink Teal、Ink Blue、Dusty Rose（画面で選択中）、Apricot Gold、Mist Gray、Ink Violet——が画面全体を一括で色替えし、自分の壁紙 URL はその上に重なります。カードの下にはガラス段階（オフ/ライト/すりガラス/mica）、CSS グラデーション重ね、暗色スクリーンのスライダー（画面内 16%）、壁紙のトーン。ミニプレビューとフルスクリーンプレビュー（F2 で終了）がリアルタイムで表示され、変更はすべて即時反映、再起動不要です。
フレームワークの中核ページ：上段にプリセットカード、下に自前壁紙とガラス調整——すべてリアルタイム。（t=122、出典：九月在科普）元動画を見る 2:02 - 6
履歴バー、Markdown 描写、その他のトグル
プラグインは標準の「一般設定」ページも拡張します：浮動履歴バーの位置（画面内では左側）と表示件数——最近 5/10/20 件または全件——に加え、自分のメッセージを Markdown で描画するスイッチ。設定のサイドバーにも、フレームワークのモジュールが追加した「外観」「ショートカット」「使用量」の各ページが並びます。
見た目だけではない：標準設定に浮動履歴バーと Markdown 描写スイッチを追加。（t=70）元動画を見る 1:10 - 7
もう一つのマーケット：GitHub の 3810 プラグインを再起動なしで導入
dsh-client-ui-custom は 設定 → プラグイン の下に第2のマーケットを追加します。dsh-plugin トピック付きの GitHub リポジトリを自動発見してスター順に並べ（収録時点で合計 3810 件）、marketplaceUrl で自分のリストに差し替え可能。「インストール」を押すと YAML 設定がクリップボードにコピーされるので、~/.dsh/profiles/web/cordis.patch.yml に貼り付けます。このファイルは常時監視されており、保存した瞬間に反映、再起動は不要です。
第2のマーケット：スター順で GitHub プラグインを発見、cordis.patch.yml 経由で再起動なし導入。（t=150）元動画を見る 2:30
パート3 · 確認とロールバック
- 8
検収：テーマ Home でもサイドバーとモデル選択はそのまま
ホーム画面に戻ると壁紙テーマが全面に適用されていますが、機能的な部分は一切動いていません：ワークスペースのサイドバー（演示、PDF-word、Quiz…）、新規チャットボタン、モデルセレクタ（DeepSeek-V4-Flash）は元の位置。スキンが変えるのは見た目であってアプリ本体ではなく、セッションやワークスペースには影響しません。
フレームワークの約束：壁紙と配色は自分仕様、レイアウトと挙動はネイティブのまま。（t=210）元動画を見る 3:30 - 9
ロールバック：コマンド1つ、または1行コメントアウト
気に入らなければ、下の remove コマンドで Firefly テーマを削除して dsh web を再起動します。どのテーマも dsh の setTheme を呼んで !important 付きの token スタイルを注入するため、README はテーマの相互排他を明示しています——後に読み込まれた方が勝つ——ので、有効にするテーマは1つに絞り、~/.dsh/profiles/web/cordis.patch.yml の競合行をコメントアウトして戻します。dsh-client-ui-custom は削除すら不要で、設定を空にすればネイティブ画面に戻ります。
$dsh plugin --profile web remove dsh-theme-firefly
よくある質問
dsh スキンの導入前によく聞かれること。
dsh の client ui やスキンテーマは公式機能ですか？
いいえ。公式の dsh Web UI は簡素なライト/ダークのスタイルのみで、このガイドのスキンはすべてコミュニティプラグインです。「client-ui-*」はコミュニティの命名ファミリーであって公式の名前空間ではなく——deepseek-ai 組織に dsh-client-ui-* リポジトリは存在しません（2026-10-02 に GitHub API で確認）。ここで扱う2つのプラグインは yoli-mi/dsh-client-ui-custom と Liu-ZA-81/dsh-theme-firefly です。
「dsh client ui aqua」とは何ですか？aqua テーマは存在しますか？
検索サジェストの語であり、実在の製品としては確認できていません：取り上げた両 README に aqua テーマの記述はなく、調査でもそのようなリポジトリは見つかりませんでした（2026-10-02）。水色系の dsh にしたいなら、現実的なのは dsh-client-ui-custom です。青みの壁紙を設定し、壁紙からの自動アクセント取得を有効にして、自分のプリセットとして保存します。
テーマを間違えて入れた・標準画面に戻したい場合は？
dsh plugin --profile web remove dsh-theme-firefly を実行して dsh web を再起動するか、~/.dsh/profiles/web/cordis.patch.yml の該当プラグイン行をコメントアウトします。そもそも同時に有効なテーマは1つだけ（後に読み込まれた方が勝つ）なので、片方を無効化してももう片方は壊れません。dsh-client-ui-custom は設定を空にすれば標準画面に戻り、7モジュールはすべて既定オフです。
これらのテーマはスマホのブラウザでも使えますか？
スキンは dsh web のサーバー側プロファイルに適用されるため、同じインスタンスを開くブラウザならどれでも反映されます——Firefly の README も壁紙が再起動やブラウザ変更をまたいで残ると明記しています。ただし2本の動画はどちらもデスクトップ画面の操作例です。スマホ向けレイアウトは、同じ client-ui ファミリーの mobile-adapt 系コミュニティプラグインが別途あります。
テーマを2つ同時に入れられますか？入れたテーマが反映されないのはなぜ？
有効化は1つだけにしてください。各テーマは dsh の setTheme を呼んで !important 付き token スタイルを注入するため、2つ入れると後に読み込まれた方が黙って上書きします——Firefly の README も明記しており、競合するテーマのパッチ行をコメントアウトするよう推奨しています。1つだけなのに素の画面のままなら、cordis.patch.yml にパッチ行が実際に書き込まれているか確認し、dsh web を再起動してください。
スキンを入れるとセッションやデータに影響しますか？
フレームワーク自身が「純フロントエンド・シェル改変ゼロ・全機能既定オフ」と明言しており、削除すれば標準画面に戻ります。インストールでは web profile のパッチファイルに行を追記するため、テーマを入れる前に ~/.dsh/profiles/web/cordis.patch.yml をバックアップしておくと安心です——ロールバック時に編集するのも同じファイルです。
関連ガイド
dsh の画面とプラグイン関連ツールキットの残り。
DSH UI プラグインコレクション
収集した画面系プラグイン全部——テーマ、スキン、ペット、レイアウトツール——をランキング形式で一望。
ガイドを読むui-presets：AI 生成テーマキャンバス
雰囲気を文章にすれば AI がテーマを描く——このページの手動カスタマイズの生成型姉妹編。
ガイドを読むdsh デスクトップペットプラグイン
ブラウザの外に住むキャラクター——dsh に個性を足すもう一つの道。
ガイドを読むdsh プラグインの探し方
マーケット検索、GitHub トピックの読み方、導入前のリポジトリ見極め——このページが前提にする技能。
ガイドを読むdsh web 画面をゼロから
まず dsh web を起動して標準画面を把握してから、着せ替えに戻ってくるのがおすすめ。
ガイドを読む出典とクレジット
スクリーンショットはすべて2本の Bilibili 録画のフレームで、各画像から元動画の該当秒にジャンプできます。本文はオリジナルです。九月在科普 は dsh-client-ui-custom のプラグイン作者本人（動画内の焼き込みウォーターマークは改名前のニックネーム「爱偷懒的七月」）；文刀丞 の動画は dsh-theme-firefly の README が公式にリンクするデモ動画です。インストール・削除コマンドは2つの GitHub README から逐語引用し、2026-10-02 に GitHub API で再確認しました。Firefly プラグインは 2026-08 の録画時点で ★7、現在は ★30 です。