ahren112/ds-image-skin
Image skin plugin for DeepSeek Harness web UI
项目介绍Project Overview
DS Image Skin 是 DeepSeek Harness 网页端图片换肤插件:上传图片后用 k-means 提取主色,生成含对比度校正的明/暗主题 token,并将图片设为壁纸,支持透明度调节、手动指定主色与恢复默认。适合想按图片自定义界面外观时使用。注意它是会话级动态 Cordis 插件,刷新后需手动重跑,重启 harness 状态会清空。
DS Image Skin is a theming plugin for the DeepSeek Harness web GUI. It extracts dominant colors from an uploaded image using k-means, generates light/dark theme tokens with contrast correction, applies the image as a wallpaper, and supports opacity control, manual brand-color selection, and reset. Use it to customize the interface from an image. It is a session-scoped dynamic Cordis plugin: rerun it after refresh, and state clears on harness restart.
请帮我了解并安装插件:【ds-image-skin】【https://github.com/ahren112/ds-image-skin】
把上面这条消息直接发给当前会话里的 DSH,让它帮你了解并安装。安装命令不一定准确,发给 DSH 更稳。Send this message to DSH in your current session. CLI install commands may not be accurate across systems — DSH will figure it out for you.
或使用命令行安装(适合开发者)Or use CLI install (for developers)
命令行安装CLI Install
dsh plugin --profile web add github:ahren112/ds-image-skin
把 ahren112/ds-image-skin 加入你的 DSH 配置(web profile)即可启用。
READMEREADME
DS Image Skin(DeepSeek Harness 网页端图片换肤插件)
一个面向 DeepSeek Harness Web 端的换肤插件:上传任意图片,自动提取主色、生成整套明/暗主题色,并把图片作为背景壁纸。
功能
- 上传图片换肤:读取图片 → 6 色 k-means 提取主色 → 自动生成 13 个主题 token(含 WCAG 对比度校正)→ 即时套用。
- 背景壁纸:图片同时作为界面壁纸(保持锐利,随透明度加遮罩压暗)。
- 透明度滑轨:5%~100%,实时调节界面表面透明度(毛玻璃效果)。
- 文字可读性兜底:主文字强制接近纯黑/纯白,低透明度下仍清晰。
- 品牌主色手动指定:点击提取出的色板可指定某个颜色作为主色。
- 亮/暗预览、恢复默认。
- 入口:设置页「图片换肤」+ 侧栏底部「换肤」按钮 → 右下角浮动面板(共享同一份状态)。
实现形态
这是一个动态 Cordis 插件(Host 半区 + Client 半区)。
host.js→ 传给cordis_define的code.hostclient.js→ 传给cordis_define的code.client
在 DeepSeek Harness Web GUI 中加载方式:
- 用
cordis_define定义该插件(idPrefix建议skin),code.host填host.js的内容,code.client填client.js的内容; - 用
cordis_run运行它(首次需在 UI 里授权); - 打开「设置 → 图片换肤」,或点侧栏底部「换肤」按钮上传图片。
已知边界
- 这是动态插件(进程内、会话级临时扩展):
- 刷新页面后客户端半区不会自动重跑,需手动
run一次该插件即可完整恢复(状态存在 Host 内存中,一键还原,无需重新上传)。 - 重启 harness 后状态清空。
- 刷新页面后客户端半区不会自动重跑,需手动
- 若要「刷新/重启后自动生效、跨端一致」,需改造成正式 web 插件(
packages/client/ui-*形态的 npm 包,带dsh.client清单),随部署加载。
文件
| 文件 | 说明 |
|---|---|
README.md |
本说明 |
host.js |
Host 半区(状态存取 + tapIndex 壁纸注入) |
client.js |
Client 半区(取色、生成主题、壁纸、UI) |
License
MIT
nexu-io/open-design
freestylefly/awesome-gpt-image-2
anywhere-labs/dsh-desktop
walkinglabs/learn-harness-engineering
awesome-dsh-plugin/awesome-dsh-plugin
MemTensor/MemOS