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