dsh-skin:把 DeepSeek Harness 首页背景搬进聊天界面

前言

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。

核心功能

资料中明确列出的能力如下:

  1. WebGL 流体背景:五色噪声场、流场笔刷、光源 / 辉光 / 暗角 / 颗粒,shader 按官方首页移植。
  2. 白色 90px 点线网格:支持鼠标扰动与弹簧回弹,物理行为与官方同款。
  3. 数字点云鲸鱼:自 HeroDigitileR3F 移植;粒子聚成鲸形、呼吸游动;鼠标径向推开粒子;光标光束提亮局部。
  4. 行为约束:仅在深色主题下生效;系统开启「减少动态效果」(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
羽毛球分组比赛记分
小程序二维码

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

Xiaoye