---

• 💂 个人网站: IT知识小屋
• 🤟 版权: 本文由【IT学习日记】原创、在CSDN首发、需要转载请联系博主
• 💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦

---

前言

大家好，我是日记，DeepSeek最近真是太火爆了！

8月13号夜间，DeepSeek团队发布了开源Harness消息，短短半天，DeepSeek Harness在开源社区已经斩获73K Star，直接奔着破开源最快Star记录去了。

DeepSeek Harness原生Web UI界面比较简洁，很多小伙伴问有没有像Codex工具一样的皮肤库，答案当然有了，今天给大家安利一款开源的DeepSeek Harness皮肤库，方便大家定制化Web界面。

---

简介

Dsh-Web-Ui/本项目是一款开源免费的DeepSeek Harness界面主题工具，专为DeepSeek Harness（DSH）用户设计，可让用户搭建更美观、更个性化的Harness使用界面。工具内置任务看板、Git图谱、右侧面板、移动端远程、远程连接、鲸鱼娘宠物、实时令牌统计、皮肤中心等功能于一体，所有插件可独立安装，也支持聚合包一次装齐，开发者可跟根据需求灵活组合，搭建个性化的Harness使用界面。

系统采用纯前端插件化架构设计，基于主流技术栈：TypeScript + cordis + DSH官方NPM SDK + pnpm workspace构建，界面美观大气，可自定义开发，十分适合个人开发者、AI团队等用户使用，显著提升DSH工作台的交互效率与视觉体验。

---

功能列表

• 任务看板：

  • 内置五列状态看板（待规划、待办、进行中、已完成、已失败），点击卡片后真实DSH智能体会话跑完后自动回写状态。

  • 支持配置cron定时执行，可在详情中配置cron表达式（如每天23:00自动升级DSH、每周一09:00生成周报），到点自动开工无需人工值守。

  • 支持跳转执行会话查看完整过程，方便复盘任务执行链路，排查异常问题。

• Git图谱：

  • 内置Git分支选择器，用户可自由切换分支与查看提交历史。

• 右侧面板：

  • 默认以文件树方式展示工作目录，点击文件即在预览面板打开，支持按文件名搜索定位，简单方便。

  • 内置多标签预览，支持markdown、HTML、代码、diff、CSV、PDF、Office、图片与文本等格式。

  • 支持真实git变更面板（SCM）展示，可执行stage、unstage、discard操作。

  • 支持面板宽度拖拽调整，双击把手复位默认宽度。

• 移动端管理：

  • 支持扫码配对、复制链接方式快捷进入移动端操作界面，远程控制当前DSH工作区使用。

  • 支持查看、新建会话、收发消息、切换模型/思考强度、调整权限预设等操作，所有操作跟桌面端同步。

  • 支持配对令牌远程模式，可实现一次性和限时使用，销毁令牌可随时吊销所有设备。

• 远程连接：

  • 支持密钥、密码认证，可从_{/.ssh/config一键导入主机，配置统一存于}/.dsh/dsh-ssh.json。

  • 支持SFTP上传/下载，可看进度条和远程目录浏览。

• 宠物主题：

  • 内置一只常驻界面的鲸鱼娘宠物，跟随智能体状态切换思考、等待、工作、庆祝动画。

  • 支持点击互动摸头，投喂小鱼干提升亲密度。

  • 支持自定义名称、自由拖动位置，也可随时隐藏。

• 实时令牌统计：

  • 默认支持在输入框下方实时显示生成速度（TPS）、LLM耗时、上下文占用、缓存命中率以及输入/输出token数等核心指标，方便用户实时了解成本。

• 皮肤中心：

  • 原生内置7款皮肤（Windows XP Luna、Minecraft方块世界、Blue Fantasy蓝色幻想、鲸吟Whale Song、QQ2008怀旧版、同花顺风格、龙的传人），可开箱即用。

  • 采用全插件皮肤适配机制，支持先试穿再应用，试穿即时生效、退出完全还原，确认满意后一键应用。

• 设置中心：

  • 所有配置统一入口，用户配置时简单方便，无需逐个寻找。

• 安装模式：

  • 支持通过聚合包dsh-web-ui-all一次安装全部功能插件与皮肤，简单方便。

  • 支持只装dsh-skins皮肤包，或单独安装任意插件，按需选择。

---

功能截图

主界面：

任务看板：

定时执行：

Git图谱：

右侧面板：

陪伴工作：

互动面板：

实时令牌统计：

移动端使用：

设置中心：

Windows XP皮肤：

方块世界皮肤：

交易终端皮肤：

---

系统架构

项目结构：

├── packages/                    # 功能插件包
│   ├── dsh-task-board/          # 任务看板
│   ├── dsh-git-graph/           # Git图谱
│   ├── dsh-aionui-panel/        # 右侧面板
│   ├── dsh-pet/                 # 鲸鱼娘宠物
│   ├── dsh-remote-web-ui/       # 移动端远程
│   ├── dsh-ssh/                 # 远程连接
│   ├── dsh-live-stats/          # 实时令牌统计
│   ├── dsh-web-ui-settings/     # 设置中心
│   ├── dsh-skins/               # 皮肤聚合包
│   └── dsh-web-ui-all/          # 全家桶聚合包
├── packages/skins/              # 皮肤资产
│   ├── xp-luna/                 # Windows XP皮肤
│   ├── minecraft/               # Minecraft皮肤
│   ├── blue-fantasy/            # 蓝色幻想皮肤
│   └── ...                      # 其余4款皮肤
├── shared/                      # 共享构建预设
├── scripts/                     # 脚手架与聚合脚本
├── docs/                        # 文档与截图
└── gallery/                     # 皮肤画廊

技术栈：

前端：
  核心框架: TypeScript
  构建工具: pnpm workspace + tsdown
  Web终端: xterm.js
  公网隧道: cloudflared
  运行环境: Node.js >= 22

插件框架:
  核心引擎: cordis
  类型来源: DSH官方NPM SDK（@deepseek-ai/*）

部署:
  dsh plugin --profile web add link:<仓库路径>/packages/dsh-web-ui-all

---

快速开始

1、环境准备：

- Node.js >= 22
- pnpm（包管理器）
- 已安装DeepSeek Harness（DSH）

2、下载项目源码：

cd dsh-web-ui

3、安装依赖并构建： 用pnpm拉依赖并全仓构建

pnpm install
pnpm -r build

4、装进DSH的web profile： 把聚合包软链进DSH的web profile，一个包装齐全部功能插件与皮肤。

dsh plugin --profile web add link:$(pwd)/packages/dsh-web-ui-all

5、只装皮肤包（可选）： 只想用皮肤则把聚合包路径换成dsh-skins。

dsh plugin --profile web add link:$(pwd)/packages/dsh-skins

6、重启DSH Web： 重启后侧边栏即可看到全部插件入口，确认插件挂载生效。

dsh web

7、验证挂载： 侧边栏出现对应入口即生效，也可用dump-config确认插件配置层已挂载；若没有新入口多半是安装后没重启DSH Web。

dsh --profile web --dump-config

8、卸载： 不想用时执行remove命令再重启DSH Web即可。

dsh plugin --profile web remove @deepseek-ai/dsh-web-ui-all

---

开源地址&使用手册

点击下方的【IT学习日记】回复【资源】领取！

如果这篇文章对您有帮助，请一定帮我点个 “关注” 和 “点赞”,这对我非常重要。我将会继续推荐更多优质项目和新闻。

写在最后

1000+优质开源项目更新进度：243/1000。如需更多类型优质项目推荐，请在文章后留言。