Back to DSH Plugins
Reviewed listingPackageweb profile

dsh-skin-glass

Frosted-glass skin for the DeepSeek Harness web UI: pick any image as background, theme colors extracted from it, glassmorphism surfaces.

View source

Installation starting point

npx @deepseek-ai/dsh plugin --profile web add github:noexcs/dsh-skin-glass

Saved documentation

README snapshot

Source branch: main

dsh-skin-glass

给 DeepSeek Harness(DSH)Web GUI 换肤的毛玻璃皮肤插件

  • 🖼️ 任意背景图:设置 → 通用 → 背景图,选择本地图片(自动压缩为 data URL 持久化)
  • 🎨 主题色自动提取:从背景图提取主色调(k-means 量化),生成整套浅色/深色设计令牌
  • 💎 逐组件真玻璃:运行时识别每个玻璃面——浮层(菜单/弹窗)直接挂 backdrop-filter, 面板的磨砂挂在自身 ::before 伪元素上,透出背后的应用内容,同时不会把按钮悬停提示 (内联 position: fixed 气泡)重锚定;大面额外叠 SVG 位移折射(Chromium)
  • 镜面边缘高光:浮层左上亮、右下暗的内描边,让玻璃有厚度
  • 🧊 模糊与通透度分开调:「背景模糊」只柔化壁纸,「通透度」只放开聊天背景与侧边栏
  • 🔆 遮罩按图自适应:分析壁纸明暗后只压制真正影响可读性的方向——深色壁纸在深色模式下 几乎不加遮罩,同样的通透度看起来更透
  • 👓 字迹永远看得清:弹窗、菜单、代码块、输入框等阅读区域有不透明度下限, 最通透档位下正文对比度仍 ≥ WCAG AA(由 scripts/check-contrast.mjs 10500 组断言守住), 并跟随系统的「降低透明度」偏好
浅色模式深色模式
light modedark mode

快速安装

方式一:克隆后一键安装(推荐)

git clone https://github.com/noexcs/dsh-skin-glass
cd dsh-skin-glass
bash install.sh

方式二:不克隆,直接从 GitHub 安装

bash <(curl -fsSL https://raw.githubusercontent.com/noexcs/dsh-skin-glass/main/install.sh)

安装脚本会自动完成:安装到 web profile → 自动重启 dsh web → 就绪后提示。 刷新页面后到 设置 → 通用 → 背景图 选择图片即可生效(偏好保存在浏览器本地)。 没有设置背景图时,皮肤完全不介入,外观与原生主题一致。

快速卸载

cd dsh-skin-glass
bash uninstall.sh

卸载后自动重启 dsh web,刷新页面即恢复默认外观。

要求

  • pnpmcorepack enablenpm i -g pnpm
  • dsh CLI:可选的;没有时脚本会自动用 npx @deepseek-ai/dsh 兜底

目录结构

dsh-skin-glass/
├── package.json       # 插件包(dsh.bundle + dsh.client 双 manifest)
├── cordis.patch.yml   # bundle patch 层,挂载插件行
├── lib/               # 宿主侧(设置命名空间注册)+ 浏览器侧 bundle
├── src/               # 源码:color.cjs(取色数学 + 分层令牌)+ main.js(客户端逻辑)
├── scripts/build.mjs  # 由 src 生成 lib/client.js
├── scripts/check-contrast.mjs  # 正文对比度断言(WCAG AA)
├── scripts/qa/        # 无重启验证:verify-glass.mjs(bundle 路由替换 + hover 回归)
│                      # + pngdiff.cjs(纯 Node 像素 diff)
├── install.sh / uninstall.sh / restart-web.sh
├── docs/development.md  # 实现原理(面向开发者)
└── docs/debugging.md    # 调试与验证手册(含本次「效果消失」案例排查法)

License

MIT

The snapshot helps with discovery but can become outdated. The upstream repository is authoritative for current code, requirements, permissions, and installation steps.

Reviewed

modlens

The first vision plugin for DeepSeek Harness, and the vision bridge for every text-only coding agent. Paste an image, get structured JSON evidence (OCR, layout, semantics).

npx -y @deepseek-ai/dsh plugin --profile web add /absolute/path/to/modlens
Local checkout · web profileView details
Verified for DSH Plugins 1
Reviewed

dsh-browser

dsh plugin: Chrome sidebar extension that lets DSH operate your browser directly—no vision capabilities required.

npx -y @deepseek-ai/dsh plugin --profile web add /absolute/path/to/dsh-browser
Local checkout · web profileView details
Verified for DSH Plugins 1
Reviewed

dsh-plugin-autoevo

DSH capability reuse and safe evolution layer. Evolution continues.

dsh plugin --profile web add github:klarkxy/dsh-plugin-autoevo
Package install · web profileView details
Verified for DSH Plugins 0