Ink Whale Leap:为 DeepSeek Harness Web UI 加载水墨鲸跃开屏动画

前言

DeepSeek Harness(DSH)的 Web 界面每次刷新都会直接进入工作区,没有固定的「启动画面」层。若希望在页面加载时短暂呈现一段与产品气质一致的视觉反馈,又不想为此引入会拖慢首屏或需要额外审批的前端 bundle,就需要一种只挂在宿主侧、失败时不影响主应用的做法。下面介绍社区插件 dsh-ink-whale-leap(水墨鲸跃):在 Web UI 加载时播放一段水墨风格的鲸跃动画,随后自动淡出,属于 DSH 生态里「趣味换装」类装饰型插件。

这是什么

dsh-ink-whale-leap 由维护者 lizixuan200410-cmd 发布,仓库为 lizixuan200410-cmd/dsh-ink-whale-leap,在 SkillHub 插件目录 中归类为趣味换装。插件在页面加载时于全屏叠层播放短 ink-wash whale-leap 动画,然后自行消失;不改动业务逻辑,也不提供配置项。

画面上有什么

叠层配色贴近宣纸水墨:鲸鱼从静水中跃起,水线处扩散三道墨环,少量墨滴向上散开,随后出现 DeepSeek Harness 字样、红色「鲸」印,以及副文案「鲸跃 · 与你同游」。

与时间、交互相关的行为(以 README 为准):

  1. 页面加载约 3.95 s 后叠层开始淡出,4.75 s 时从 DOM 移除。
  2. 按 Esc 可立即关闭。
  3. 系统开启 prefers-reduced-motion: reduce 时,动画关闭。
  4. 若加载时标签页处于隐藏状态,会等到标签页可见再播放(15 s 回退超时)。
  5. 叠层为纯装饰:aria-hidden="true"、pointer-events: none,不抢点击与键盘焦点。

动画仅在 Web UI 上绘制,不影响桌面窗口边框;每次加载 Web UI 的窗口都会播放一次,不是安装后仅一次的欢迎页。

核心实现方式(宿主插件)

这是 host-only 插件:监听 webserver/index-inject,向页面注入一行内联 <script>,并由 webServer 在路径 /ink-whale/splash.js 提供动画脚本。作者刻意不设客户端入口——在 DSH 中,激活失败的 client bundle 会中断 Web 启动,开屏动画不值得承担该风险;激活步骤包在 try/catch 里,注入失败时尽量不影响主应用。

splash.js 为自包含 IIFE,内联 CSS 与 SVG,无额外网络请求、无外链字体与图片。包声明了 dsh.bundle.patch,安装时只增加一条 loader 行,无需单独批准客户端 bundle。

安装与启用

插件上架 DSH 插件市场后,可在 Settings → Plugins 安装。命令行安装命令如下(须与官方 README 一致):

dsh plugin add dsh-ink-whale-leap

卸载方式与其他插件相同:在市场中卸载,或执行:

dsh plugin remove dsh-ink-whale-leap

Configuration:无设置页、无可选项。

许可证为 MIT(见仓库 README)。

不安装时的预览

若已拿到仓库源码(例如从 GitHub 下载),可在浏览器中直接打开根目录的 preview.html,在空白页上加载 splash.js,用于查看动画效果,无需先装入 DSH。

适用场景与注意

适合希望在 DSH Web UI 每次打开时增加短暂水墨开屏、且接受「无配置、每次加载都播一次」的开发者或个人环境。

安装前建议自行查看 GitHub 仓库 源码与 MIT 许可证。DSH 插件以当前 dsh 进程权限 运行;SkillHub 等为社区目录站点,与 DeepSeek / 幻方无官方从属关系,不宜当作官方应用商店。生态上 DSH 强调「一切皆插件」,此类条目属于可选的装饰扩展,按需启用即可。

链接

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

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

Xiaoye