前言¶
DeepSeek Harness(DSH)的 Web 端默认聊天区背景偏简洁。若你长期在 Harness 里写智能体、调插件,界面观感往往和 deepseek.com/harness 首页不一致。自己改前端 bundle 成本高,也不利于随版本升级回滚。
下面介绍社区插件 dsh-skin:以普通 DSH 插件形式挂载首页同款背景(WebGL 流体、点线网格、数字点云鲸鱼),可在插件管理里启用或停用,无需 fork 官方 UI。
这是什么¶
dsh-skin 由维护者 changan0617 发布,分类为「趣味换装」。它对照 DeepSeek Harness 英文首页逐行移植聊天背景:WebGL 流体背景、白色点线网格、数字点云鲸鱼,插件化安装后覆盖 Web 客户端聊天区背景层。
仓库:github.com/changan0617/dsh-skin
社区目录页:skillhub.cn/plugins/changan0617/dsh-skin(独立社区站点,与 DeepSeek / 幻方无官方从属关系)
当前 package 版本为 1.1.0,许可证 MIT。
核心功能¶
资料中明确列出的能力如下:
- WebGL 流体背景:五色噪声场、流场笔刷、光源 / 辉光 / 暗角 / 颗粒,shader 按官方首页移植。
- 白色 90px 点线网格:支持鼠标扰动与弹簧回弹,物理行为与官方同款。
- 数字点云鲸鱼:自 HeroDigitileR3F 移植;粒子聚成鲸形、呼吸游动;鼠标径向推开粒子;光标光束提亮局部。
- 行为约束:仅在深色主题下生效;系统开启「减少动态效果」(reduced-motion)时自动停用动画;不监听点击事件。
宿主侧几乎无业务逻辑:lib/index.js 为纯客户端插件入口;实际渲染与交互集中在 lib/client.js bundle,通过 cordis.patch.yml 挂载 harness-skin 条目。
安装与启用¶
安装命令须使用 README 原文(web profile):
dsh plugin --profile web add github:changan0617/dsh-skin
执行后重启 dsh web,再在客户端插件管理中确认已启用。卸载:
dsh plugin --profile web remove dsh-skin
插件声明依赖 @deepseek-ai/dsh-client-ui-theme 与 @deepseek-ai/dsh-client-ui-layout(peer,^0.1.7-rc.2),并在客户端注入 theme 模块、immediately: true 加载。安装前建议浏览仓库源码与 LICENSE,确认与本地 DSH 版本匹配;插件以当前 dsh 进程权限运行。
典型用法¶
默认无需额外配置:安装并重启 Web 端后,在深色主题下即可看到背景。若需微调观感,README 说明参数均在 lib/client.js 内,改完后重启 dsh web 并对页面 Ctrl+F5 强刷。
| 效果 | 位置 / 变量 | 当前参考值 |
|---|---|---|
| 鲸鱼基础透明度 | baseAlpha |
0.25 + 0.28 * D |
| 鲸鱼粒子大小 | size = 0.09 * unit |
系数 0.09 |
| 鲸鱼整体大小 | whaleW = Math.min(W, H) * 0.52 |
系数 0.52 |
| 鲸鱼位置 | cx = contentCX / cy = H * 0.45 |
内容区水平居中 |
| 鼠标提亮范围 | BEAM_R |
10 |
| 鼠标提亮强度 | alpha 行 (1 + 0.35 * beam) |
0.35 |
| 粒子推开 | MOUSE_R / MOUSE_STR |
4.9 / 0.8 |
| 流体随鼠标扭曲 | flowmap brushStrength 后 |
0(默认关闭) |
适用场景与注意¶
适合:希望在 DSH Web 聊天界面复刻 Harness 首页视觉、又希望用插件开关控制、不改动官方仓库的开发者。
注意:
- 皮肤仅在
body[data-ds-dark-theme](深色主题)下生效;浅色主题下不会出现预期效果。 - 无障碍场景下若系统要求减少动态效果,脚本会自动停用动画,属预期行为。
- DSH 生态理念是「一切皆插件」;本插件来自社区维护,星标与迭代节奏以 GitHub 为准(目录页标注 3 stars),升级 DSH 后若背景异常,优先核对 peer 依赖与
dsh web日志。
结尾¶
经过上面的步骤,你可以在不动 Harness 核心 UI 的前提下,为 Web 聊天区挂上流体、网格与鲸鱼点云背景,并按需改 lib/client.js 参数。进一步细节见仓库 README(含中英文)与目录页说明。
- 目录页:https://www.skillhub.cn/plugins/changan0617/dsh-skin
- GitHub:https://github.com/changan0617/dsh-skin