前言¶
DeepSeek Harness（dsh）的 Web 界面默認是通用開發工具風格，長時間在會話裏改代碼、跑工具時，視覺上是夠用，但缺少一點「坐在自己工位上」的歸屬感。社區裏有人用主題插件改配色和佈局；若你恰好是《偶像大師 灰姑娘女孩》同好，又希望在不改 Harness 核心邏輯的前提下給頁面加一層角色向的皮膚，可以看看維護者 AlyceStocking 發佈的 dsh-yukimi-theme。它在 SkillHub 目錄裏歸類爲「趣味換裝」，當前 GitHub 星標爲 0；倉庫簡介寫明：A Sajo Yukimi (Idolmaster Cinderella Girls) theme for DeepSeek Harness Web。
下面介紹這個插件定位什麼、改哪些界面元素，以及 Web 端如何安裝與日常使用。Windows 桌寵分支涉及本地構建與 Electron 打包，本文只概括要點，完整步驟以倉庫 README 爲準。
這是什麼¶
dsh-yukimi-theme 是給 DeepSeek Harness Web 界面（以及倉庫 desktop 分支支持的 Windows 桌面版）用的佐城雪美（佐城雪美 / Yukimi Sajo）主題。
作用可以概括爲：把頁面配色、背景、側欄交互，以及可選的浮動小人、Mobamas 卡片和簽名等元素，換成與該角色相關的視覺與操作習慣；聊天與工具能力仍由 Harness 本身提供，主題只改客戶端呈現與部分前端交互。
維護者：AlyceStocking
目錄頁：https://www.skillhub.cn/plugins/AlyceStocking/dsh-yukimi-theme
源碼：https://github.com/AlyceStocking/dsh-yukimi-theme
代碼許可：MIT（見倉庫 LICENSE）；角色與立繪等美術素材版權歸 Bandai Namco Entertainment / Cygames，主題在線引用 imascg wiki 鏡像 URL，不打包官方素材文件。
核心功能¶
以下能力均來自倉庫 README 的功能說明，按使用場景歸納。
背景與聊天閱讀¶
- 背景卡面：背景插畫清晰展示；僅消息和工具內容使用半透明閱讀底板，並保留淺色/深色適配。
- 聊天閱讀與輸入：歷史正文和代碼塊使用輕透底板；輸入卡片獨立遮擋滾動內容，聚焦時顯示柔和藍紫光暈。
- 保持聊天寬度：不再有裝飾側欄，不爲組件預留額外列寬。
浮動小人與鍵盤¶
- 浮動小人：始終顯示，不收進側欄或彈窗；可拖動，單擊翻轉和臺詞，雙擊換裝，長按打開小人/背景選擇面板。
- 鍵盤互動：聚焦小人後 Enter/空格互動，菜單鍵打開設置，Escape 關閉設置。
- 邊界約束：小人拖動和窗口縮放後保持在屏幕內，設置面板限制在視口內。
浮動卡片、簽名與窄窗口¶
- 浮動卡片和簽名：保留原來的頁面浮動展示；Mobamas 卡片默認關閉，可長按小人在選擇面板中開啓；開啓後可拖動、自動輪播和點擊切換。
- 按窗口空間自動隱藏：寬度小於 1100px 或高度小於 640px 時，只自動隱藏 Mobamas 卡片和簽名；恢復大小後按原顯示偏好恢復。小人只縮小，不隱藏、不重置服裝。
閾值位於客戶端媒體查詢及匹配的 CSS 中。Web profile 的顯示偏好保留在當前頁面，刷新後恢復默認值；Windows 桌寵的偏好保存到本地，並同步到桌面版頁面。
Windows 桌寵（desktop 分支，可選）¶
同一倉庫的 desktop 分支提供透明置頂桌寵：主窗口最小化後仍可顯示背景、簽名和 Mobamas；會話完成、失敗、取消等狀態會通過氣泡提醒，點擊氣泡可喚起 Harness 並定位對應會話。安裝需從源碼執行 npm run build:client、npm run desktop:package、npm run desktop:install 等步驟，並保留生成的完整 .tgz 歸檔；細節見 GitHub README 的「Windows 桌寵」一節。本文後續以 Web 主題 安裝爲主。
安裝與啓用（Web）¶
插件以當前 dsh 進程權限運行，安裝前建議瀏覽倉庫源碼與版權說明，確認個人使用範圍 acceptable。
用 dsh 自帶的插件管理命令安裝（安裝後會出現在「設置 → 插件」管理界面）：
dsh plugin --profile web add github:AlyceStocking/dsh-yukimi-theme
停止已運行的 Web 服務，再啓動：
dsh web
或：
dsh --profile web
README 明確說明：不要用手動複製到 node_modules 並編輯 cordis.patch.yml 的方式安裝——插件可能能運行，但不會成爲 profile 的 pnpm 依賴，插件管理 UI 無法列出、啓停或移除。Windows 上 DSH_HOME 默認爲 C:\Users\<你>\.dsh。
典型用法¶
安裝並在「設置 → 插件」中啓用主題後，刷新或重啓 Web 即可看到佐城雪美向的深藍配色與卡面背景（配色參考 wiki 標註的印象色 #171C8F）。
- 看背景、讀聊天：消息區與代碼塊在輕透底板上閱讀；輸入框聚焦時有藍紫光暈，便於區分當前輸入焦點。
- 玩浮動小人：拖動小人位置；單擊看翻轉與臺詞；雙擊換裝；長按打開小人/背景選擇面板。需要鍵盤操作時，先聚焦小人，再用 Enter/空格、菜單鍵或 Escape 對應 README 中的快捷鍵。
- 可選 Mobamas 與簽名：默認 Mobamas 卡片關閉；長按小人，在選擇面板裏開啓後，可拖動、輪播或點擊切換。瀏覽器窗口變窄（寬 < 1100px 或高 < 640px）時，卡片和簽名會自動隱藏，小人僅縮小。
- 開發迭代（維護者流程）：若你 fork 後只改 Web 樣式，可編輯
lib/client.js或共享素材lib/assets.js，運行npm run build:client同步生成區塊；已安裝 profile 可將生成後的lib/client.js拷到該 profile 插件目錄後刷新；若仍加載舊客戶端，需停止並重啓dsh web。
倉庫提供 npm run check、npm test 等腳本，用於檢查語法、對比度、卸載清理等；一般使用者以插件管理安裝即可，不必本地構建。
適用場景與注意¶
適合誰
- 已在用 DeepSeek Harness Web，希望界面換成《偶像大師 灰姑娘女孩》佐城雪美風格、又願意接受浮動 UI 組件佔用部分視口的開發者。
- 同好個人學習與交流（README 要求請勿商業用途）。
需要注意
- 插件與 Harness 同屬本地進程生態：安裝即信任倉庫代碼；星標爲 0 不代表不能用，但更應自行審閱
lib/與cordis.patch.yml。 - 美術素材不隨包分發，依賴 wiki 鏡像 URL；網絡或鏡像不可用時，部分圖片可能無法加載。
- SkillHub 等社區目錄是獨立站點，與 DeepSeek / 幻方無官方從屬關係；插件版本以你安裝時 profile 拉取的包爲準，README 中 package 版本示例爲
1.2.0-desktop.3，實際以安裝結果爲準。 - Windows 桌寵涉及 Electron 運行時、命名管道與本機偏好文件（
$DSH_HOME/yukimi-desktop/preferences.json），升級或回滾須按 README 徹底退出並重啓桌面 Host，不能僅靠複製lib/client.js。
結尾¶
dsh-yukimi-theme 把 Harness Web 做成佐城雪美主題：卡面背景、半透明閱讀區、可換裝浮動小人與可選 Mobamas/簽名，聊天寬度不被裝飾側欄擠佔。Web 端一條官方插件命令即可接入 Harness 的 profile 依賴體系。
