ahren112/ds-image-skin

DS Image Skin（DeepSeek Harness 网页端图片换肤插件）

一个面向 DeepSeek Harness Web 端的换肤插件：上传任意图片，自动提取主色、生成整套明/暗主题色，并把图片作为背景壁纸。

功能

- 上传图片换肤：读取图片 → 6 色 k-means 提取主色 → 自动生成 13 个主题 token（含 WCAG 对比度校正）→ 即时套用。
- 背景壁纸：图片同时作为界面壁纸（保持锐利，随透明度加遮罩压暗）。
- 透明度滑轨：5%～100%，实时调节界面表面透明度（毛玻璃效果）。
- 文字可读性兜底：主文字强制接近纯黑/纯白，低透明度下仍清晰。
- 品牌主色手动指定：点击提取出的色板可指定某个颜色作为主色。
- 亮/暗预览、恢复默认。
- 入口：设置页「图片换肤」+ 侧栏底部「换肤」按钮 → 右下角浮动面板（共享同一份状态）。

实现形态

这是一个动态 Cordis 插件（Host 半区 + Client 半区）。

- host.js → 传给 cordis_define 的 code.host
- client.js → 传给 cordis_define 的 code.client

在 DeepSeek Harness Web GUI 中加载方式：

1. 用 cordis_define 定义该插件（idPrefix 建议 skin），code.host 填 host.js 的内容，code.client 填 client.js 的内容；
2. 用 cordis_run 运行它（首次需在 UI 里授权）；
3. 打开「设置 → 图片换肤」，或点侧栏底部「换肤」按钮上传图片。

已知边界

- 这是动态插件（进程内、会话级临时扩展）：
- 刷新页面后客户端半区不会自动重跑，需手动 run 一次该插件即可完整恢复（状态存在 Host 内存中，一键还原，无需重新上传）。
- 重启 harness 后状态清空。
- 若要「刷新/重启后自动生效、跨端一致」，需改造成正式 web 插件（packages/client/ui-* 形态的 npm 包，带 dsh.client 清单），随部署加载。

文件

| 文件 | 说明 |
| --- | --- |
| README.md | 本说明 |
| host.js | Host 半区（状态存取 + tapIndex 壁纸注入） |
| client.js | Client 半区（取色、生成主题、壁纸、UI） |

License

MIT