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。

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

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

小夜