dsh-client-ui-skin-jarvis:Jarvis 藍色科技風皮膚

前言

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 命令行進程才能生效。

  1. 打開終端或 PowerShell。
  2. 執行以下命令添加插件:
dsh plugin --profile web add https://github.com/YiCheng-Zzz/dsh-client-ui-skin-jarvis.git
  1. 重啓 dsh web 服務。

切換與卸載

若需切換回官方樣式,需手動修改配置文件以禁用該插件。

  1. 找到配置文件:<DSH_HOME>/profiles/web/cordis.patch.yml。
  2. 在文件中添加以下內容以禁用:
- 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
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜