dsh-ui-we2:爲 DeepSeek Harness Web 界面換上 WE2 控制台皮膚

前言

DeepSeek Harness(DSH)的對話頁默認走宿主自帶的 --dsw-* 語義 token 與組件樣式。若你長期在 Harness 裏做智能體調試、授權確認和用量查看,界面是否清晰、側欄與會話狀態是否一眼可讀,會直接影響日常操作節奏。社區裏也有換主題的做法,但不少方案要麼只改色、要麼依賴額外構建鏈。

下面介紹維護者 zgj980644897 發佈的客戶端插件 dsh-ui-we2:在不動 React 組件、不寫會話數據的前提下,用 CSS 與少量 DOM 掛載,把 Web 客戶端重繪成「紙白正文 + 墨黑側欄 + 信號紅點綴」的硬核科幻控制台語言,視覺參考《流浪地球 2》裏那套計算機界面。插件歸類爲「趣味換裝」,當前 GitHub 星標爲 0;設計、構建與驗收面向 DeepSeek Harness 0.2.1-rc.3(Electron 44.7.0 / Node 24),許可證 MIT。

這是什麼

dsh-ui-we2(包名與 Loader id 一致)是 DSH 的 純 Web 客戶端皮膚插件:只覆蓋 --dsw-* token 與樣式,通過 window.__ModuleLoader__.load({ id, factory }) 註冊瀏覽器半邊;Host 半邊僅導出 name 與空 apply,不注入 Cordis 服務、不發起網絡請求。運行時 零 dependencies / peerDependencies,lib/client.js 爲已提交的構建產物,無需 npm 依賴或額外打包步驟即可安裝。

目錄頁:skillhub.cn 插件頁
源碼與說明:github.com/zgj980644897/dsh-ui-we2

核心能力(README 已列項)

色板與幾何

把語義 token 換成紙 / 墨兩色系:紙白 #fdfcf8、畫布 #f8f5ed、墨黑 #111110、信號紅 #b2352a、數據青 #2b6771;淺色、深色系統主題下都鎖定同一套紙色。圓角全部歸零,浮層改爲 1px 墨線 + 1px 硬偏移,菜單爲不透明紙面、去掉毛玻璃。

字體與對話區

正文使用 Bahnschrift + 微軟雅黑;代碼、時間戳、計數使用 Cascadia Mono / JetBrains Mono。操作員消息爲墨黑麪板 + 信號紅左邊條;代碼塊爲墨黑艙體 + 紅點標題欄;標題、引用、表格、分隔線均硬邊化。

側欄與會話狀態

側欄爲墨黑機箱;懸停與當前選中會話整行反相爲紙白底 + 墨黑字,行內按鈕在紙白行上再反相。正在運行的會話前有雙環對轉指示器(外圈虛線慢轉、內圈信號紅弧快轉)。

側欄思考字幕

會話列表下方空白處顯示實時思考過程日誌:內容來自當前會話最後一條 reasoning(經 uiConversation 的 chat 快照讀取)。每行以 HH:MM:SS 開頭,逐字打出;打字中行首紅點,打完轉綠點;過長不換行,句尾省略號閃爍表示仍有內容。背景透明、pointer-events: none,不擋操作;無內容或側欄收成圖標欄時隱藏。

用量、菜單、設置

用量彈窗改爲墨黑麪板;上下文用量 ≥ 90% 時進度條、圓環與百分比變爲信號紅。role=menu / data-menu-material 彈層統一墨黑 + 紙白,懸停/選中時紙白麪板自左側 300ms 掃入。設置彈窗(data-shortcut-modal="settings")保持紙白底 + 墨黑字、零圓角、無入場動畫。

授權彈窗與 HUD

授權 UI 改爲屏幕居中墨黑對話框:頂部居中紅色「請求授權」標題條,選項豎排(拒絕描邊、允許一次紙白實心),280ms 自 0.82 倍放大入場。頁面固定屏幕邊框、四角括號、刻度尺、頂部銘牌(含 WE2 // OPS CONSOLE · 550W · 實時時鐘 與版本,例如更新後可見 550W · v0.9.0 一類確認方式)、低強度掃描線與紙張顆粒;均 pointer-events: none。

其他

新會話頁代碼牆動畫由 96s / 138s 調整爲 42s / 60s。各掛載層帶 try/catch,DOM 異常只記 warn,不拋進 Cordis fiber;重複加載前會清理同標識舊節點。

安裝與啓用

插件未發佈到 npm,README 明確說明不能用 dsh plugin add dsh-ui-we2 按包名安裝,只能按路徑或腳本/profile 聲明安裝。安裝腳本僅適用於 Windows(PowerShell);macOS / Linux 請用手動 link: 方式。

需要已安裝的 DeepSeek Harness Desktop / Web(按 0.2.1-rc.3 UI 結構適配)。修改 profile 後需重啓 DeepSeek Harness 才生效。

方式一:install.ps1(Windows,推薦)

在插件目錄執行:

powershell -NoProfile -ExecutionPolicy Bypass -File .\install.ps1        # desktop profile
powershell -NoProfile -ExecutionPolicy Bypass -File .\install.ps1 -Profile web

腳本會把包複製到 <DSH_HOME>/profiles/<profile>/node_modules/dsh-ui-we2,在 profile 的 package.json 聲明依賴,並在 cordis.patch.yml 末尾追加帶標記的掛載塊;寫入前備份、無 BOM UTF-8,寫後校驗 JSON。

卸載:

powershell -NoProfile -ExecutionPolicy Bypass -File .\install.ps1 -Uninstall

方式二:手動(含 macOS / Linux)

在 profile 的 package.json 增加:

"dependencies": {
  "dsh-ui-we2": "link:<本目錄的絕對路徑>"
}

在 cordis.patch.yml 末尾追加:

- insert:
    - id: ui-we2
      name: dsh-ui-we2

並將本目錄複製到 <DSH_HOME>/profiles/desktop/node_modules/dsh-ui-we2(或對應 profile 路徑),然後重啓。

方式三:bundle

package.json 已聲明 dsh.bundle.patch → ./cordis.patch.yml。把包加入 profile 的 dsh.profile.bundles,由 bundle 機制掛載(勿再手寫重複 insert)。

自定義插件市場索引

在 DSH 打開 插件 → 實驗性插件 → 自定義插件市場,到 發現 → 添加索引源,粘貼:

https://raw.githubusercontent.com/zgj980644897/dsh-ui-we2/main/market/index.json

索引格式 1,可在發現頁一鍵安裝。社區市場 dshopen.org 收錄以審覈結果爲準。

更新

Windows 可雙擊 update.cmd,或執行 powershell -NoProfile -ExecutionPolicy Bypass -File .\update.ps1;也可 git pull(或重新下載 ZIP)後重跑 install.ps1。更新後再次重啓應用;HUD 銘牌版本可用於確認是否生效。

典型用法與本地預覽

安裝並重啓後,無需額外配置項:皮膚作爲純覆蓋層自動生效。若你持有源碼目錄,可用瀏覽器直接打開 preview/index.html、preview/approval.html 對照色彩與授權彈窗(與 src/theme.css 同源)。

改色時編輯 src/theme.css 頂部 --we2-paper-* / --we2-ink-* / --we2-signal,再執行:

node scripts/build.mjs

然後重跑安裝腳本或複製產物,並重啓 Harness。lib/client.js 不要手改。

適用場景與注意

適合:希望在 DSH Web 客戶端獲得統一「紙 / 墨」控制台視覺、側欄思考字幕與居中授權對話框的開發者;接受按 profile 聲明依賴或 Windows 腳本安裝的用戶。

注意:

  1. 插件在 當前 DSH 進程權限 下運行,安裝前請自行閱讀源碼與 MIT 許可證,確認無不可接受的行爲(本插件自述爲純 CSS/DOM、無網絡訪問)。
  2. 兼容性以 0.2.1-rc.3 爲基準;其他版本可裝可卸,token 層通常仍跟隨;若宿主類名鉤子(如 sidebarCol、md-code-block、[data-approval-key] 等)變更,對應裝飾會退回默認樣式,不應影響啓動或對話。
  3. README 記載 2026-10-28 的啓動崩潰與 profile package.json 的 UTF-8 BOM 有關,非皮膚代碼;當前 install.ps1 已改爲無 BOM 寫入並校驗。
  4. 分享源碼給他人時,README 允許克隆倉庫或 Download ZIP 後運行 install.ps1;本文任務要求不展開 git clone 步驟,你可在 GitHub 頁面自行選擇獲取方式。

結尾

dsh-ui-we2 把 DeepSeek Harness Web UI 收成一套可讀的 WE2 控制台皮膚:紙色畫布、墨黑側欄與代碼艙、思考字幕、居中授權與 bezel HUD,且保持零運行時依賴與失敗可降級。若要在本地啓用,按 README 用 profile 路徑或 Windows 安裝腳本掛載即可。

  • 目錄頁:https://www.skillhub.cn/plugins/zgj980644897/dsh-ui-we2
  • GitHub:https://github.com/zgj980644897/dsh-ui-we2
羽毛球分组比赛记分
小程序二维码

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

小夜