前言¶
DeepSeek Harness (DSH) 的 Web GUI 提供了可視化的交互界面,用於管理智能體與模型調用。默認樣式在功能上完備,但在沉浸式開發體驗上較爲常規。本插件通過重映射 CSS 變量與注入 HUD 元素,將界面改造爲鋼鐵俠 J.A.R.V.I.S. 的智能管家風格,提供更具科技感的視覺反饋。
插件定位¶
這是一個針對 DSH Web GUI 的趣味換裝插件。它爲界面提供了深空藍黑底色、暗色網格背景、冰藍霓虹強調色,並重映射了 130+ 個 --dsw-* token。同時,它引入了 HUD 四角折邊、玻璃擬態輸入卡片等視覺元素,將聊天與預覽區域轉化爲科幻風格的 HUD 界面。
核心功能¶
- 視覺風格重寫:應用深空藍黑底色、暗色網格背景及冰藍霓虹強調色,覆蓋 130+
--dsw-*token。 - UI 元素改造:輸入卡片採用玻璃擬態設計,並帶有 HUD 四角折邊;滾動條爲青色細膠囊樣式(7px 寬 + 漸變)。
- 動態交互徽標:聊天區居中顯示呼吸徽標 J.A.R.V.I.S.,使用 Orbitron 科技字體(離線回退至 Windows Bahnschrift)。
- 思考狀態反饋:模型思考期間,徽標下方浮現 FOR YOU, SIR, ALWAYS 應答小字,隨徽標同步呼吸,輸出完成後自動淡出。
- 面板同步換膚:右側 aionui 預覽/文件面板同步應用該皮膚主題(需 web-ui 用戶)。
安裝與啓用¶
安裝後,皮膚會隨 bundle 接線自動激活。由於 manifest 級接線僅在啓動時讀取,需重啓 dsh web 命令行進程才能生效。
- 打開終端或 PowerShell。
- 執行以下命令添加插件:
dsh plugin --profile web add https://github.com/YiCheng-Zzz/dsh-client-ui-skin-jarvis.git
- 重啓
dsh web服務。
切換與卸載¶
若需切換回官方樣式,需手動修改配置文件以禁用該插件。
- 找到配置文件:
<DSH_HOME>/profiles/web/cordis.patch.yml。 - 在文件中添加以下內容以禁用:
- id: ui-skin-jarvis
disabled: true
卸載插件時,使用移除命令:
dsh plugin --profile web remove @linxin666/dsh-client-ui-skin-jarvis
適用場景與注意事項¶
- 適用對象:希望爲 DSH Web GUI 增加科幻 HUD 視覺效果的 dsh 用戶。
- 命名空間說明:本包使用
@linxin666名字空間僅作本地目錄約定。dsh-web-ui 皮膚中心的註冊表掃描硬編碼該目錄,與原作者無任何關聯,也不向 npm 發佈。 - 字體加載:Orbitron 字體通過國內鏡像
fonts.loli.net加載,若網絡受限或被牆,會自動回退到 Windows 自帶 Bahnschrift 字體,不會導致頁面破相。 - 權限與安全:插件以當前 DSH 進程權限運行,安裝前建議檢查源碼與許可證(MIT)。
參考資料¶
- 插件倉庫:https://github.com/YiCheng-Zzz/dsh-client-ui-skin-jarvis
- 效果預覽:倉庫內的
preview.html文件提供了靜態演示。 - 皮膚中心:https://www.skillhub.cn/plugins/YiCheng-Zzz/dsh-client-ui-skin-jarvis