dsh-claude-desktop-theme

dsh plugin --profile web add dsh-claude-desktop-theme

<div align="center">

DSH Claude Desktop Theme

为 DeepSeek Harness（DSH）Desktop 换上 Claude Code Desktop 外观

简体中文 · English

<p align="center">

<img src="https://img.shields.io/badge/License-MIT-3DA639?style=for-the-badge&logo=opensourceinitiative&logoColor=white" alt="License"/>

<a href="https://www.npmjs.com/package/dsh-claude-desktop-theme"><img src="https://img.shields.io/badge/npm-package-4D6BFE?style=for-the-badge&logo=npm&logoColor=white" alt="npm"/></a>

<img src="https://img.shields.io/badge/DSH-Desktop-4D6BFE?style=for-the-badge" alt="DSH"/>

<img src="https://img.shields.io/badge/Platform-macOS%20%7C%20Windows-0078D4?style=for-the-badge" alt="Platform"/>

</p>

[安装](#快速安装) · [界面预览](#界面预览) · [配置](#配置) · 架构 · 设计规范 · 安装指南 · 问题反馈

</div>

<p align="center">

<img src="https://raw.githubusercontent.com/zkforge/dsh-claude-desktop-theme/main/assets/screenshots/fullscreen-light.webp" width="1200" alt="新会话页：浅色主题、Claude 像素宠物、用量统计与字符水波纹">

</p>

快速安装

npm 包已发布，两种入口任选其一：

• 插件页：「插件 → 添加插件」，输入 dsh-claude-desktop-theme
• 终端：dsh plugin --profile desktop add dsh-claude-desktop-theme

源码安装见安装指南。

使用

在「设置 → Claude 主题 → 模块 → 主页背景动效」选择「宠物畅游」，像素宇航员会缓缓跟随鼠标，点击空白处会划过流星。也可切回默认的字符水波纹或关闭背景动效。

会话中输入 /clear 可以清空当前对话上下文，继续使用同一个会话：会话 ID、名称、项目、模型、项目指令与技能目录保留，旧消息和工具结果不再发送给模型。原始日志仍在，「查看历史记录」可展开旧内容，查看不会恢复模型上下文。命令不调用模型、不生成摘要；请在回复结束且没有排队消息时执行。安装后需完整退出并重新打开 DSH，加载宿主命令。

界面预览

以下展示 macOS 浅色与深色主题的完整窗口。首页使用 Claude 像素宠物与问候样式，开启水波纹和统计卡片；会话页展示终端、浏览器与文件栏，信息卡片单独展示环境、上下文分解与会话用量。两种宠物的点击回应与 Effort 拉到底的动效见下一节。

界面 · 浅色 · 深色

新会话页 · !新会话页 · 浅色 · !新会话页 · 深色

会话页 · !会话页 · 浅色 · !会话页 · 深色

右侧信息卡片 · !右侧信息卡片完整窗口 · 浅色 · !右侧信息卡片完整窗口 · 深色

插件设置 · !插件设置 · 浅色 · !插件设置 · 深色

组件特写

组件 · 浅色 · 深色

模型选择器 · !模型选择器 · 浅色 · !模型选择器 · 深色

DeepSeek 余额 · !余额组件 · 浅色 · !余额组件 · 深色

上下文圆环与分解面板 · !上下文圆环与分解面板 · 浅色 · !上下文圆环与分解面板 · 深色

会话右侧信息卡片 · !会话信息卡片 · 浅色 · !会话信息卡片 · 深色

以下为真实组件的局部截图，使用演示数据。模型选择器展示供应商分组、模型图标与当前选中项；可选模型和 Effort 档位以 DSH 实际提供的目录为准。余额特写使用演示账号与金额，常显于左下角账号上方，右侧突出总余额，左下显示当前峰谷时段，点击可刷新。上下文面板展示分类占比与展开的 MCP 工具明细，右下角保留用量圆环入口。会话信息卡片特写展示环境图标行、按占用排序的上下文分类与会话用量。

细节动效

<div align="center">

<table>

<tr>

<td width="25%" align="center">

<img src="https://raw.githubusercontent.com/zkforge/dsh-claude-desktop-theme/main/assets/pet/pet-spout.gif" width="150" alt="喷一口水：身体轻晃、闭眼，从头顶喷出水柱，水滴向两侧散开落下"><br/>

<b>喷一口水</b><br/>

身体轻晃、闭眼，从头顶喷出水柱，水滴向两侧散开落下

</td>

<td width="25%" align="center">

<img src="https://raw.githubusercontent.com/zkforge/dsh-claude-desktop-theme/main/assets/pet/pet-hop.gif" width="150" alt="轻弹眨眼：蓄力、向上轻跳、落地回弹并眨眼"><br/>

<b>轻弹眨眼</b><br/>

蓄力、向上轻跳、落地回弹并眨眼

</td>

<td width="25%" align="center">

<img src="https://raw.githubusercontent.com/zkforge/dsh-claude-desktop-theme/main/assets/pet/pet-wag.gif" width="150" alt="摆尾回应：身体左右轻晃，尾巴与胸鳍摆动并眨眼"><br/>

<b>摆尾回应</b><br/>

身体左右轻晃，尾巴与胸鳍摆动并眨眼

</td>

<td width="25%" align="center">

<img src="https://raw.githubusercontent.com/zkforge/dsh-claude-desktop-theme/main/assets/pet/pet-claude.gif" width="150" alt="Claude 像素宠物：取出笔记本电脑、敲键盘，再收起电脑恢复站姿"><br/>

<b>Claude 像素宠物</b><br/>

取出笔记本电脑、敲键盘，再恢复站姿

</td>

</tr>

</table>

<p>在「设置 → Claude 主题 → 个性化 → 宠物样式」中切换小鲸鱼或 Claude 像素宠物，点击宠物即可播放动作。</p>

<table>

<tr>

<td width="50%" align="center">

<img src="https://raw.githubusercontent.com/zkforge/dsh-claude-desktop-theme/main/assets/effort/effort-light.gif" width="260" alt="浅色 Effort 面板：滑杆停在 Max，实心填充淡出，像素流光从右端扫入并在轨道上持续流动"><br/>

<b>Effort 拉到底 · 浅色</b>

</td>

<td width="50%" align="center">

<img src="https://raw.githubusercontent.com/zkforge/dsh-claude-desktop-theme/main/assets/effort/effort-dark.gif" w

…(truncated)