Chobits-Chii-DSH:爲 DeepSeek Harness Web UI 換上小嘰繪本風皮膚

前言

DeepSeek Harness(DSH)的 Web 界面默認走通用設計 token,長時間盯屏或做 agent 調試時,界面觀感往往偏「工具感」。社區裏已有通過 client 插件覆蓋 --dsw-* token、注入樣式層的做法;若你希望在不改業務邏輯的前提下,給 Web UI 換一套中性暖調配色,並附帶裝飾性背景與可選桌寵,可以看一下 Anime2Real 維護的 chobits-chii-dsh(倉庫名 Chobits-Chii-DSH)。下面介紹它是什麼、能做什麼,以及如何安裝與常用設置。

這是什麼

chobits-chii-dsh 是面向 DSH Web UI 的純客戶端皮膚插件(npm 包名 chobits-chii-dsh,GitHub:Anime2Real/Chobits-Chii-DSH)。維護者爲 Anime2Real;在 SkillHub 等社區目錄中歸類爲「趣味換裝」。

它不改變 Harness 的會話與工具能力,而是在 theme 服務就緒後覆蓋明暗兩套設計 token,並注入字體、噪點、拍立得照片牆與可選的 Live2D 小嘰桌寵。lib/client.js 已隨倉庫提交,按官方方式 dsh plugin add 後即可使用,無需本地構建。

代碼以 MIT 發佈;插畫、Live2D 模型等資產另有條款(見倉庫 ASSETS.md)。Chobits 角色版權歸 CLAMP 及相關權利方所有。

核心功能

配色與裝飾

  • 中性暖調 token:暖奶油底、暖墨文字、低飽和玫瑰點綴;淺色 / 深色各一套,色板參考 Chobits-Chii-Mascot-Release 落地頁並按中性化收斂。通過 theme.overrideTokens('chobits-chii', aliases) 註冊約 66 個 --dsw-* 覆蓋。
  • 繪本風細節:圓體字族、玫瑰色選中態、暖調背景光斑、繪本噪點紋理。

拍立得照片牆

落地頁同款 5 張插畫做成橫 / 豎拍立得貼片,沿界面四周散佈並向中心漸隱;左側約 300px 側邊欄區與正文區不遮擋,窄窗口時邊緣照片自動隱藏。鼠標移動時按深度做反向視差,照片有極慢漂浮;prefers-reduced-motion 下關閉視差,觸屏不啓用視差。

Live2D 小嘰桌寵

右下角常駐精簡 web 模型(約 2.5 MB,1024 貼圖 WebP,隨包內置、離線可用),視線跟隨鼠標;會話 running 時切到 Look,空閒回到 Idle。可在插件配置頁開關;無 WebGL 或加載失敗時安靜退回照片牆(canvas 點擊穿透)。桌寵開啓時,右下角對應拍立得貼片會隱藏,關閉後恢復。

運行特性

  • 可熱卸載:樣式與 DOM 注入走 ctx.effect,禁用或卸載插件可還原界面。
  • host 半路由:Live2D 運行時與模型由 lib/index.js 註冊只讀路由 /chii-live2d/assets 伺服,不進 client bundle、不依賴外部 CDN。

當前 package 版本爲 1.0.0;README 標明目標 DSH 爲 0.2.1-rc.5 一帶(見兼容性一節)。

安裝與啓用

前提:本機已安裝 DeepSeek Harness(dsh --version 有輸出),且至少啓動過一次 dsh web。

推薦從 npm 安裝:

dsh plugin --profile web add chobits-chii-dsh

備用 GitHub 源:

dsh plugin --profile web add github:Anime2Real/Chobits-Chii-DSH

安裝後重啓 dsh web,或刷新瀏覽器頁面。

卸載:

dsh plugin --profile web remove chobits-chii-dsh

在 Discover 裏搜索安裝

DSH 的 Plugins → Discover 只展示用戶自行添加的索引源。若要用 Discover 一鍵安裝,先在 Plugins → Experimental plugins → Custom plugin indexes 的 Discover → Add index source 中加入:

https://anime2real.github.io/Chobits-Chii-DSH/market/index.json

然後搜索「Chii」即可。索引格式爲 DSH format 1,倉庫內文件爲 market/index.json。

典型用法

開關桌寵

  1. 打開 DSH Web UI 側邊欄 Plugins → chobits-chii-dsh 配置頁。
  2. 使用 小嘰桌寵 開關;選擇即時生效,無需刷新。偏好保存在 localStorage 鍵 chobits-chii-dsh:live2d。桌寵本身沒有關閉按鈕,關閉後可在同一配置頁重新打開。

若你在克隆後的倉庫目錄內改 token 或照片牆,改完需執行 node scripts/build.mjs,再重啓 dsh web 並刷新。本地以 link 方式掛進 profile:

dsh plugin --profile web add ./

調色改 src/tokens.js;照片牆佈局改 src/client.template.js 的 WALL 數組;漸隱與透明度改 src/skin.css 的 .chobits-chii-wall。倉庫提供 node scripts/smoke.mjs 做無瀏覽器冒煙(ModuleLoader 契約 / 有無 theme 服務兩種環境)。

兼容性與注意事項

項 值
engines.dsh >=0.2.1-rc.5 <0.3.0
暗色選擇器 body[data-ds-dark-theme]
token 名來源 @deepseek-ai/dsh-client-ui-theme@0.2.1-rc.5 內置設計平臺樣式

DSH 處於 developer preview,大版本升級後 token 名或客戶端插件契約變化可能導致皮膚失效,需按 README 更新 src/tokens.js 與 package.json 的 engines.dsh。

適用場景:希望在 DSH Web 端長期調試 agent、又想要統一暖調 UI 與輕量裝飾的開發者;接受非 MIT 資產僅能在插件內原樣非商業使用的約束。

安全與權限:插件隨當前 DSH 進程與用戶 profile 加載,具備與 Web UI 同等的客戶端注入能力。安裝前建議閱讀 GitHub 倉庫 源碼、LICENSE 與 ASSETS.md,確認許可證與資產範圍符合你的使用方式。社區目錄(如 SkillHub 插件頁)爲獨立索引,與 DeepSeek / 幻方無官方從屬關係。

結尾

chobits-chii-dsh 把 DSH Web UI 的 theme token、裝飾 CSS、拍立得牆與可選 Live2D 桌寵打包成一條 dsh plugin --profile web add 流程,適合在不動 Harness 核心的前提下換膚。目錄頁:SkillHub - Chobits-Chii-DSH;源碼與完整說明:github.com/Anime2Real/Chobits-Chii-DSH。

羽毛球分组比赛记分
小程序二维码

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

小夜