dsh-desktop-pet:DSH 界面右下角的悬浮桌宠

前言

DeepSeek Harness(DSH)主要用于智能体开发与调试。长时间面对界面可能产生视觉疲劳。dsh-desktop-pet 插件在 DSH Web 界面右下角悬浮一只橘色小猫。这只小猫具备眨眼、摇尾、打呼噜等纯 CSS 动画效果,支持拖拽、点击互动,作为开发过程中的轻量级陪伴工具。

是什么

该插件由 Ares-song-RD 维护,属于趣味换装类别。它不依赖任何图片资源,仅使用内联 SVG 和纯 CSS 动画实现。浏览器端依赖 React,服务端依赖 Cordis。安装后需重启 DSH 应用才能生效。

核心功能

  • 拖拽与位置记忆:支持用鼠标拖拽小猫到任意位置。位置信息会自动保存到 localStorage,窗口缩放时位置会自动收敛。
  • 交互行为:
    • 单击:小猫会蹦跳,并弹出随机语音气泡(气泡语言随界面语言变化)。
    • 双击:循环切换心情状态(发呆 → 睡觉 → 兴奋)。
    • 右键:弹出迷你菜单,支持隐藏桌宠、换心情、查看关于信息。
  • 主题与设置:支持深浅色主题。提供设置页,可控制显示开关、动画开关以及直接选择心情。

安装与启用

安装前请确保 Node 版本 >= 20。

# 1. 克隆仓库
git clone https://github.com/Ares-song-RD/dsh-desktop-pet.git

# 2. 安装依赖并构建
cd dsh-desktop-pet && npm install && npm run build

# 3. 将构建产物复制到 DSH profile 的 vendor 目录
# 示例路径:~/.dsh/profiles/desktop/vendor/dsh-desktop-pet
cp -r . ~/.dsh/profiles/desktop/vendor/dsh-desktop-pet

# 4. 在 profile 的 package.json 中注册依赖
# dependencies 增加: "dsh-desktop-pet": "file:./vendor/dsh-desktop-pet"
# dsh.profile.bundles 增加: "dsh-desktop-pet"

# 5. 安装 profile 依赖并重启 DSH
cd ~/.dsh/profiles/desktop && pnpm install
# 重启 DeepSeek Harness 桌面应用,小猫会出现

典型用法

  1. 启动 DSH 应用后,小猫会自动出现在右下角,开始眨眼、摇尾巴。
  2. 用鼠标按住小猫拖动到任意位置,下次启动时位置保持不变。
  3. 单击小猫:小猫蹦跳并显示随机语音气泡(如“摸一下,能量 +1”)。
  4. 双击小猫:切换心情状态(例如从发呆变为睡觉)。
  5. 右键小猫:选择隐藏、换心情或查看关于信息。
  6. 在 DSH 的设置页 → 桌宠中,可开关显示、开关动画或手动选择心情。

注意事项

  • 浏览器端依赖 React。
  • 安装后必须重启 DSH 应用。
  • 插件使用 MIT 许可证,可自由使用与修改。

结尾

该插件通过极简的代码结构(零图片、零额外依赖)提供了可视化的陪伴功能。更多详情请参考 GitHub 仓库。

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

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

小夜