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
羽毛球分组比赛记分
小程序二维码

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

Xiaoye