deepseek-harness-plugin-image-skin
by fufankeji
给一张图片,生成一个可安装、可卸载、自动适配明暗模式的 DeepSeek Harness Web 皮肤插件。
From one image, generates an installable, uninstallable DeepSeek Harness web skin plugin that auto-adapts to light/dark mode.
安装
dsh plugin --profile web add github:fufankeji/deepseek-harness-plugin-image-skinGitHub 源码安装:首次需按提示配置 allowBuilds 构建授权后重试
安装与环境配置指引、插件开发教程见 DSH 中文社区文档 ↗
安装即在你的机器上以你的权限运行第三方代码——它可读写文件、使用凭据、访问网络,DSH 的工具审批不会为插件代码加沙箱。「检测到 manifest」仅代表发现 dsh.bundle / dsh.plugin 清单,不构成兼容性或安全审查;安装前请审阅源码,不熟悉的插件先在不含密钥的环境试用。
README
[!IMPORTANT] 这是由 赋范空间 独立开发的社区项目,不是 DeepSeek 官方项目,也不代表官方认可或合作。项目基于 DeepSeek Harness 公开的 Bundle、Client Module、ThemeRuntime 与 Profile 扩展点实现,不修改 Harness 源码。
效果
它做了什么
- 在浏览器本地读取 PNG、JPG 或 WebP,不上传原图;
- 使用 Canvas 按 cover 规则生成 1920 × 1080 WebP;
- 从图片像素提取主题色,并生成 Light / Dark 两套 Token;
- 生成 Harness Client Module、ThemeRuntime 覆盖和卸载清理逻辑;
- 创建 Bundle patch、追溯信息与 MIT License;
- 真实执行
npm pack,输出可由dsh plugin add安装的.tgz。
快速开始
要求:
- Node.js 22.19.0 或更高版本;
- 已安装可用的 DeepSeek Harness
dshCLI; - Chromium、Chrome 或其他现代浏览器。
git clone https://github.com/fufankeji/deepseek-harness-plugin-image-skin.git
cd deepseek-harness-plugin-image-skin
npm start
- 选择一张图片;
- 调整主体纵向位置和玻璃层强度;
- 点击“生成插件”;
- 在
output/中取得源码目录和.tgz安装包。
安装生成的插件:
dsh plugin --profile web add ./output/harness-image-skin-1.0.0.tgz
dsh web
卸载:
dsh plugin --profile web remove harness-image-skin
工作方式
本地图片
→ Canvas 1920×1080 WebP
→ 主题配色与 Light / Dark Tokens
→ Client Module + ThemeRuntime
→ Bundle patch + npm pack
→ harness-image-skin-1.0.0.tgz
→ DeepSeek Harness Web profile
生成出的插件包含:
harness-image-skin/
├── assets/background.webp
├── client.js
├── cordis.patch.yml
├── generation.json
├── index.js
├── package.json
├── README.md
└── LICENSE
examples/generated-plugin/ 保留了一份由示例猫咪图片真实生成的插件源码,方便直接查看最终结构。
版本边界
本项目在以下环境完成真实生成、安装、浅色显示、深色切换与卸载恢复:
- DeepSeek Harness CLI
0.1.0-rc.6; - DeepSeek Harness 官方仓库提交
47f943859bef60e4160492346772ded9b24f765a; - Node.js
24.16.0。
DeepSeek Harness 当前仍处于 Developer Preview,后续版本可能调整插件接口。相关一手来源:
项目结构
deepseek-harness-plugin-image-skin/
├── .github/assets/readme/ # README 图片和演示视频
├── examples/ # 示例图片与真实生成插件
├── public/ # Skin Studio 前端
├── server.mjs # 本地服务、源码生成、打包和可选安装
├── package.json
└── LICENSE
贡献与安全
欢迎提交可复现的问题和范围明确的改进。参与前请阅读 CONTRIBUTING.md;安全问题请按 SECURITY.md 私密报告,不要在公开 Issue 中提交 API Key、个人路径或未脱敏运行日志。
License
DeepSeek、DeepSeek Harness 及相关标识归其权利人所有。本仓库仅描述独立测试的兼容性,不暗示官方关联或背书。
原始 README: https://github.com/fufankeji/deepseek-harness-plugin-image-skin/blob/main/README.md ↗
同类插件
查看全部 →
dsh-web-ui-all
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。

dsh-web-ui
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。

dsh-TUI
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。

DSH-better-sidebar
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。

working-activity
让 agent 的"工作状态行"活过来——实时工具动态与进度、俏皮文案、模型自述、上下文预警。同一套想法,适配两个平台: pi CLI 与 DeepSeek Harness(DSH) 。

deepseek-idesign
可视化设计工作室,支持网站、App 原型、海报、信息卡、报告和杂志的模板创建、元素编辑、选区级 AI 草稿衔接与导出。