dsh-web-ui 插件与皮肤全家桶终极指南：8 大功能 + 12 款主题，让 DeepSeek Harness Web UI 一步到位
【免费下载链接】dsh-web-ui Plugin and skin collection for DeepSeek Harness (DSH) Web UI – task board, git graph, right-side panel, remote mobile UI, pet, live token stats, and skin center. 
项目地址: https://gitcode.com/gh_mirrors/ds/dsh-web-ui
刚装好 DeepSeek Harness 的 Web 界面，你是不是也遇到过这样的尴尬：功能入口少得可怜，界面风格千篇一律，想看看任务进度只能对着原始对话列表干瞪眼，想换个界面心情还要自己写 CSS？别急，这篇指南要介绍的 dsh-web-ui 插件与皮肤全家桶，就是专门来解决这些「不够用、不好看、不好管」的问题——它把任务看板、Git 图谱、右侧面板、实时令牌统计等实用能力，和整整 12 套主题皮肤打包在一起，让你一次装齐、随手可用。
dsh-web-ui 是什么：一句话讲清它的定位
dsh-web-ui 是 DeepSeek Harness（DSH）Web UI 的开源插件与皮肤集合，一个 monorepo 仓库里装着多个互相独立、可单独安装的插件包。它解决的核心问题有两个：一是给默认界面补齐「任务管理、代码可视化、远程操作」这类生产力功能，二是让界面风格随心换。更重要的是它「零侵入」——所有插件都通过 cordis.patch.yml 挂载机制接入，完全不改动 DSH 源码，想卸载随时干净还原。
亮点速览：一次装齐，各取所需
这个项目能给你的不是某一个功能，而是一整套可拼装的能力积木：
| 8 大功能插件 | 任务 / 代码 / 远程 / 陪伴 | 覆盖工作流可视化、版本脉络、右侧面板、SSH、移动端、宠物、令牌统计与设置中心 |
| 12 款主题皮肤 | 换肤零风险 | 先试穿再应用，退出即完全还原，多数皮肤含亮色与暗色双变体 |
| 1 个聚合包 | 一键安装 | dsh-web-ui-all 一条命令装齐全部功能与皮肤 |
| 0 侵入 | 可逆安装 | 通过 patch 机制挂载，不修改宿主源码，卸载即还原 |
如果你想省心，装聚合包一步到位；只想换皮，单独装皮肤包就够了；插件之间完全独立，可以按需组合。
把任务变成可视化流程：多列看板 + 定时自动执行
任务看板让 DSH 会话从「一串对话」变成「一张可管理的流程表」。任务按待规划、待办、进行中、已完成、已失败五列组织，点卡片上的「执行」按钮，任务会交给真实的 DSH 智能体会话去完成，状态自动回写；要复盘时还能直接跳到执行会话查看全过程。
比如你给自己定了个「每周一 09:00 生成周报」的任务：在详情里填一条 cron 表达式，到点智能体自动开工、汇总上周完成情况、把结果写回看板，全程无需人工值守。packages/dsh-task-board/ 下有完整的实现与测试，想改列逻辑可以从这里入手。
一眼看清分支与提交脉络：Git 图谱
仓库一大，提交历史就成了迷宫。Git 图谱把分支泳道和提交历史可视化地串成一条时间线，每条提交的哈希、作者、时间、说明都清晰可查，配合分支选择器切换视角，排查「这个改动是谁、什么时候、为什么引入的」只需几秒钟。
源码入口在 packages/dsh-git-graph/src/，它把 client / core / host 三层分开：core 管图谱数据模型，client 负责渲染，host 对接 git 命令执行，想扩展新的 git 操作很容易定位到对应层。
把文件树、预览与 Git 变更收进右侧面板
项目会话打开时，聊天区右侧会出现两块联动面板。「文件」面板可以浏览工作目录、按文件名搜索，还能直接预览 markdown、HTML、代码、diff、CSV、PDF、Office、图片等多种格式，支持源码/预览切换与分屏编辑；「变更」面板是真实的 git 操作区，stage / unstage / discard 一步到位。面板宽度可拖拽，折叠状态按项目持久化，换皮肤后也会自动融入主题。
让一只会成长的小宠物陪你写代码
如果你觉得对着黑底终端写一天代码太孤独，这只鲸鱼娘宠物会带来一点温度。它会跟随智能体状态切换动画——思考、等待、工作、庆祝；点击可以摸头互动，投喂小鱼干提升亲密度，陪伴度会从幼鲸一路成长到「深海羁绊」；支持自定义名字、自由拖动位置，也可以随时隐藏。功能实现在 packages/dsh-pet/src/，状态机、亲密度记账、持久化都拆成了独立的可测试模块。
实时盯住 TPS 与 token 花费：省钱的底气
重度使用 DSH 最怕的是一句话下去烧掉多少 token 心里没数。实时令牌统计在输入框下方持续显示生成速度（TPS）、LLM 耗时、上下文占用、缓存命中率以及输入/输出 token 数，每次生成的速度与花费都清清楚楚。想控成本，先从这里看数据。相关实现与估算逻辑在 packages/dsh-live-stats/，其中 estimator.ts 和 projection.ts 分别负责速率估算与用量预测。
用手机随时接管 DSH 工作区
离开工位后想继续盯着任务？侧边栏底部的手机图标打开配对面板，扫码或复制链接，手机就能进入独立的移动端界面：查看与新建会话、收发消息、切换模型与思考强度、调整权限预设，状态与桌面端实时同步。配对令牌一次性且限时，「停止」按钮可随时吊销所有设备；二维码默认走局域网，也能开启 cloudflared 公网隧道，让手机在任何网络下配对。
移动端逻辑集中在 packages/dsh-remote-web-ui/src/mobile/，mobile-routes.ts 定义了整套移动端路由，SSE 不可用时还会自动降级为轮询，功能不受影响。
在浏览器里直接操作远程服务器：SSH 面板
侧边栏「SSH」入口打开远程运维面板：支持密钥/密码认证，能从 ~/.ssh/config 一键导入主机；xterm.js Web 终端实时输出，SFTP 上传/下载带进度条，本地端口转发直达远程内网服务（仅监听 127.0.0.1），还能一条命令并发跑多台主机。更妙的是 Agent 直连——智能体和面板共享同一份主机配置，对话里直接说「连一下 xxx 看看状态」即可远程执行。实现在 packages/dsh-ssh/src/，engine 层封装了连接池与协议细节。
给界面换一套风格：先试穿再应用，换肤零风险
皮肤中心把「换肤」做成了零风险操作：任意皮肤都可以即时试穿，退出完全还原，确认满意后再一键应用。12 款皮肤风格差异极大，总有一款能对上你的口味：
| Windows XP | 蓝色渐变窗口条、绿色开始按钮、Bliss 蓝天桌面 |
| Minecraft | 像素全景天空盒缓慢旋转，按钮是灰石板、输入框是木告示牌 |
| Blue Fantasy | 鲸鱼插画铺在半透明面板之下，暗色效果尤为惊艳 |
| 鲸吟 | 深海鲸语主题，冰蓝冷色体系，暗色变体是深海夜航调 |
| 交易终端 | 顶栏行情跑马灯、标题行情快签、交易时段状态栏 |
| QQ2008 / ths | 水晶蓝企鹅风、行情元素融入界面的同花顺风 |
| 龙之传人 / 初音未来 | 朱砂龙印主题、蓝紫品红渐变磨砂玻璃面板 |
皮肤配置都放在各皮肤的 skin.json 里，皮肤中心本身在 packages/skins/skin-center/，想给自家团队定制一套主题，照着现有 skin.json 改最快。
最快上手：从安装到生效的短路径
想立刻用上全套能力，最快的方法是安装 npm 聚合包：
dsh plugin –profile web add @linxin666/dsh-web-ui-all
只想换皮肤：只装 @linxin666/dsh-skins，即可获得皮肤中心与全部 12 款皮肤。
只想装某个插件（以任务看板、SSH、宠物为例）：
dsh plugin –profile web add @linxin666/dsh-client-ui-task-board
dsh plugin –profile web add @linxin666/dsh-ssh
dsh plugin –profile web add @linxin666/dsh-pet
从源码开发调试：需要 Node.js >= 22 与 pnpm，克隆后构建再挂载：
git clone https://gitcode.com/gh_mirrors/ds/dsh-web-ui
cd dsh-web-ui
pnpm install
pnpm -r build
node scripts/link-profile.mjs
dsh plugin –profile web add link:$(pwd)/packages/dsh-web-ui-all
dsh web
验证与卸载：重启后侧边栏出现入口即生效，也可用 dsh –profile web –dump-config 确认插件配置层已挂载；卸载执行 dsh plugin –profile web remove @linxin666/dsh-web-ui-all 后重启即可。
开发者进阶：二次开发从哪下手
如果你打算给这个全家桶加功能，先看这几条结构线索：
- 插件挂载机制：每个包都带一份 cordis.patch.yml，插件的界面入口通过 patch 行注入 DSH 的 slot，因此绝不修改宿主源码；聚合包 dsh-web-ui-all 通过 aggregate.yml 汇总所有子插件，统一加上 web-ui- 命名空间避免重复加载。
- 三层分层：client / host / core 清晰分离——client 是浏览器端 UI，host 是 Node.js 侧的宿主逻辑，core 是与界面无关的纯逻辑，想复用或单测都很方便。
- 测试配套：每个插件都带 vitest 测试，任务看板、SSH、宠物、皮肤等目录下都有成组的 spec / test 文件，改完代码跑一遍即可回归。
- 皮肤资产内置：皮肤不再独立成 npm 包，资产内置在 dsh-skins/skins/<id>（构建时从 packages/skins/<id> 复制 skin.json + lib/client.js），皮肤中心直接扫描该目录；皮肤切换用 dsh-skin use <id>，同一时刻只激活一款。
高频疑问汇总
问：dsh-web-ui 会改动 DeepSeek Harness 的源码吗？ 不会。所有插件都通过 cordis.patch.yml 与 profile 机制挂载，绝不改动 DSH 源码，卸载后界面完全还原。
问：皮肤支持亮色和暗色切换吗？ 支持。多数皮肤同时提供亮色与暗色变体，皮肤中心里可以分别试穿预览后再应用。
问：只想用皮肤，不想装功能插件，可以吗？ 可以。只安装 @linxin666/dsh-skins 就能获得皮肤中心与全部皮肤，功能插件一概不装。
问：移动端实时推送为什么偶尔会有延迟？ 移动端依赖 SSE 实时接收消息；当普通 HTTP 或某些隧道（如 quick tunnel）不透传 SSE 时，插件会自动降级为轮询，消息可能延迟数秒，但功能不受影响。
问：装错了或者不想要了，怎么清理干净？ 用 dsh plugin –profile web remove 移除对应包，重启 dsh web 即可，因为是 patch 挂载，不会有残留文件或源码改动。
现在就去试一试
从「默认界面不够用」到「任务可视化、代码看得清、手机能接管、界面随心情换」，dsh-web-ui 用一个可拼装的全家桶把 DeepSeek Harness Web UI 的体验补齐了。无论你是想提升日常开发效率，还是单纯想让界面更有温度，一条 dsh plugin 命令就能全部搞定——装上它，给你的 Web 控制台来一次看得见的升级吧。
【免费下载链接】dsh-web-ui Plugin and skin collection for DeepSeek Harness (DSH) Web UI – task board, git graph, right-side panel, remote mobile UI, pet, live token stats, and skin center. 项目地址: https://gitcode.com/gh_mirrors/ds/dsh-web-ui
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
