ahren112/ds-image-skin

README 摘要

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

分类