前言¶
DeepSeek Harness(DSH)的界面主题通常由主题服务统一控制。若只想在不动配色、字体和气泡样式的前提下,给工作区加一张个人背景并柔化视觉层次,改主题或写 CSS 覆盖往往代价偏大。dsh-skin-studio 是社区维护的 DSH 增强插件,专门做「背景图 + 全局蒙版虚化」,并明确不碰原主题服务。
这是什么¶
dsh-skin-studio(npm 包名 @wsj060618/dsh-skin-studio,当前版本 0.1.0)由 wsj060618 维护,面向 platform: web 的 DSH 客户端。一句话定位:上传自己的背景图铺在界面后面,再用半透明蒙版配合 backdrop-filter 做毛玻璃虚化;颜色、文字、气泡等仍沿用原主题。
核心功能¶
下面两项能力在 README 中有明确说明。
背景图
- 支持上传本地图片作为界面背景。
- 「适配方式」三种:铺满、完整显示、平铺。
全局蒙版虚化
- 半透明蒙版叠加在背景之上,使用
backdrop-filter实现毛玻璃。 - 可分别调节「蒙版浓度」(透明度,0% 完全透明、100% 不透明)和「虚化程度」(模糊强度,0 表示不模糊)。
- 切换浅色/深色主题时,蒙版会自动跟随当前主题的底色。
插件启用后,侧栏会出现「皮肤工坊」入口,设置均在该面板内完成。
安装与启用¶
安装前请自行查看 GitHub 仓库 源码与 MIT 许可证。插件随当前 DSH 进程权限运行,安装即信任其客户端注入逻辑。
在 web profile 下,任选一种方式安装:
命令行(GitHub 源):
dsh plugin --profile web add github:wsj060618/dsh-skin-studio
npm 源:
dsh plugin --profile web add @wsj060618/dsh-skin-studio
若本地已有打包好的 tarball(示例文件名为 README 中的 0.1.0 包):
npm pack
dsh plugin --profile web add ./wsj060618-dsh-skin-studio-0.1.0.tgz
插件依赖 @deepseek-ai/dsh-client-ui-layout 的 slots 服务;README 注明桌面版(Electron)已验证通过。
典型用法¶
- 在侧栏打开「皮肤工坊」。
- 在「背景图」中选择图片,并按需设置「适配方式」(铺满 / 完整显示 / 平铺)。
- 在「全局蒙版虚化」中调节「蒙版浓度」与「虚化程度」,直到背景可读性符合个人习惯。
- 如需验证主题联动,可切换浅色/深色主题,确认蒙版底色是否随主题变化。
背景图仅保存在本机 localStorage,README 说明插件不会上传图片,且不访问网络、不读写文件系统以外的资源。
适用场景与注意¶
适合谁
- 希望在 DSH Web / Electron 客户端上个性化背景、又不愿改主题配置的开发者或日常用户。
- 需要轻量视觉定制、且接受设置保存在浏览器本地存储的场景。
注意
- 仅适用于
platform: web的客户端注入路径;功能边界以 README 与package.json中的dsh.client配置为准。 - 社区插件目录 SkillHub 插件页 为独立站点,与 DeepSeek / 幻方无官方从属关系;星标与分类以目录页实时信息为准(撰写时 GitHub 星标为 0)。
- 毛玻璃效果依赖浏览器对
backdrop-filter的支持,不同环境表现可能略有差异。
结尾¶
dsh-skin-studio 把「换背景」和「柔化背景」从主题逻辑里拆出来:侧栏进「皮肤工坊」即可调图与蒙版,主题本身保持不变。进一步了解可访问 SkillHub 目录页 与 GitHub 仓库。