前言¶
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 命令行进程才能生效。
- 打开终端或 PowerShell。
- 执行以下命令添加插件:
dsh plugin --profile web add https://github.com/YiCheng-Zzz/dsh-client-ui-skin-jarvis.git
- 重启
dsh web服务。
切换与卸载¶
若需切换回官方样式,需手动修改配置文件以禁用该插件。
- 找到配置文件:
<DSH_HOME>/profiles/web/cordis.patch.yml。 - 在文件中添加以下内容以禁用:
- 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