tangyuewei/dsh-client-ui-pet

tangyuewei★ 2TypeScript最后同步: 2026-08-21

在 GitHub 打开

🐟 Salted Fish Pet — a Cordis-based web-client UI plugin for the DeepSeek Harness Web UI. Injects a draggable, feedable salted fish mascot + full-viewport engineer wallpaper into the shell.overlay slot. Pure front-end (React + CSS Modules), zero server-side.

README 摘要

@tangyuewei/dsh-client-ui-pet 咸鱼宠物(Salted Fish Pet) —— 为 DeepSeek Harness Web UI 打造的桌面宠物插件。一只悬浮在右下角的咸鱼吉祥物,叠加全视口工程师主题壁纸。纯前端展示插件,无服务端行为。 English 简介 ui-pet 是一个基于 Cordis 的客户端 UI 插件( platform: 'web' )。它向 DeepSeek Harness(DSH)Web Shell 的 shell.overlay 槽位注入两部分内容: 1. 咸鱼宠物 :一只可拖拽、可喂食、会随机吐槽的咸鱼吉祥物; 2. 工程师壁纸 :全视口壁纸(不区分深浅色,丢入 wallpapers/ 即可入候选),透过透明主题背景显示。 两部分通过模块级共享状态( visibility.ts )联动:点击「隐藏咸鱼」会同时收起宠物与壁纸。 演示 演示内容:默认 yu7 毛玻璃背景与咸鱼 → 打开壁纸面板 → 切换 Porsche 718 → 📌 置顶(背景图全屏置顶)→ 取消置顶 → 切换 Macan S(深色系壁纸亦可选,深浅色不限制)。 功能特性 咸鱼宠物 - 固定锚点 :默认吸附在视口右下角( MARGIN = 20px 内边距)。 - 拖拽移动 :按住鱼身拖拽,自动钳制在视口可见区域内;窗口缩放导致越界时自动重新锚定。 - 点击喂食 :点击鱼身恢复饱腹度 +25(上限 100),触发「开心」心情与随机台词。 - 饱腹度系统 :每 30 秒自然衰减 1 点;饿到 0 会自动切换到「有 Bug」心情。 - 8 种心情 :开心 🐟、晕乎乎 🐡、燃烧 🔥、睡着 😴、有 Bug 🐛、续命 ☕、起飞 🚀、摔桌 😡。 - 气泡台词 :每种心情附带程序员笑话 + 开发技巧提示,自动 3 秒消失。 - 闲置自动唠叨 :8–15 秒随机触发一次随机心情与台词。 工程师壁纸 - 多壁纸候选 :7 张图(Porsche 718/ Yu7 ×3 / Macan S / Su7 ×2)由 scripts/build-wallpapers.mjs 自动缩放到 1920px JPEG 并 base64 编码进 bg-images.generated.ts ,丢图即可加入候选。 - 不区分主题 :所有壁纸在任何主题下均可选(不再按浅色/深色分组),用户自由挑选;选择全局共享一个 id,写入 localStorage ( dsh-ui-pet.wallpaper )。 - 运行时切换 :右下角 🎨 按钮( WallpaperPicker )弹出全部壁纸的缩略图面板,点击即切换;支持 📌 置顶(背景图全屏置顶、面板保持打开可对比,取消置顶返回原状)。 - 默认壁纸 :召唤咸鱼时默认使用 yu7.jpg (未做任何选择时)。…

在 GitHub 查看完整 README →
皮肤/UIcordisdeepseekdeepseek-harnessdesktop-petdshdsh-plugintypescriptui-component

分类