[开源] CodeDrobe Theme：用一张参考图给 Codex / WorkBuddy 生成自定义皮肤
最近 Codex 换皮肤在抖音、闲鱼挺火，甚至看到有人把一套 Codex 皮肤标价 199 元。
这说明自定义界面确实有需求，但我们更想把它做成一套**可复用、可维护、可以让 AI 直接操作的开源工具**。
所以最近把 CodeDrobe 的主题运行时、应用适配器和 Agent Skill 重新整理了一遍。现在 `codedrobe-theme` 不再只支持 OpenAI Codex ，也支持腾讯 WorkBuddy 。
项目目前全部开源。
## 它能做什么
安装 Skill 后，可以直接给 AI 一张参考图片，然后告诉它：
> 参考这张图片，帮我生成一个 Codex 皮肤。保留原生交互，生成可移植的主题包，并在真实应用中验证首页和会话页。
也可以直接要求：
> 把这套视觉风格同时做成 Codex 和 WorkBuddy 皮肤。
Skill 会完成这些工作：
- 分析参考图的配色、材质和视觉元素
- 分别读取 Codex / WorkBuddy 的实时界面结构
- 为两个应用生成各自的主题 CSS
- 把共享图片和应用专属样式打包成 `.codedrobe-theme`
- 在真实应用中应用主题并截图验证
- 应用更新导致主题错位后，重新分析 DOM 并修复
- 随时移除主题并恢复原生界面
一个主题包可以同时包含 Codex 和 WorkBuddy 两套目标样式，不需要为每个应用复制一套 Skill 。
## 安装
安装 `codedrobe-theme` Skill：
```bash
npx skills add CodeDrobe/skills \
--skill codedrobe-theme \
--global \
--agent codex \
--yes
```
安装运行时：
```bash
npm install --global @codedrobe/core
codedrobe apps
```
这里的 `--agent codex` 表示把 Skill 安装给 Codex Agent ，并不表示只能给 Codex 换肤。
真正的目标应用由运行时参数决定：
```bash
codedrobe apply --app codex --theme /absolute/theme.codedrobe-theme
codedrobe apply --app workbuddy --theme /absolute/theme.codedrobe-theme
```
## 实现方式
CodeDrobe 不会修改应用的 `app.asar`，不会替换或者重新签名官方应用。
底层通过只监听 `127.0.0.1` 的 Chromium DevTools Protocol 注入可恢复的 CSS 。
主题不是一张覆盖在窗口上的截图。Skill 会从保护隐私的实时 DOM 快照中选择语义节点，分别处理侧边栏、首页、会话区、输入框和其他原生控件。
项目目前分成几个仓库：
- **Skills**：Agent 工作流、参考文档和主题模板
- **Core**：CLI 、CDP 、应用适配器、主题包校验和恢复
- **Desktop**：图形化主题管理器
## 当前限制
目前内置应用适配器只有：
- OpenAI Codex
- Tencent WorkBuddy
应用更新后，DOM 结构仍然可能变化，所以主题必须经过实时快照、应用和截图验证，不能只根据静态 CSS 判断兼容性。
主题发布功能暂时没有开放。在认证、主题所有权、审核和撤销机制完成之前，不会提供临时的上传接口。
## 开源地址
CodeDrobe Skills：
[https://github.com/CodeDrobe/skills](https://github.com/CodeDrobe/skills)
CodeDrobe Core：
[https://github.com/CodeDrobe/core](https://github.com/CodeDrobe/core)
官网：
[https://codedrobe.app/](https://codedrobe.app)
Skills 和 Core 使用 Apache License 2.0 。
目前主要想听听大家对这几个问题的意见：
1. 同一主题包支持多个 AI 桌面应用，这个设计是否有实际需求？
2. 除了 Codex 和 WorkBuddy ，下一个值得适配的软件是什么？
3. 主题包格式、应用适配器和安全边界还有哪些需要补充？
欢迎试用、提 Issue ，或者直接参与适配器开发。
---
原文链接：[点击查看](https://www.v2ex.com/t/1227872)
这说明自定义界面确实有需求，但我们更想把它做成一套**可复用、可维护、可以让 AI 直接操作的开源工具**。
所以最近把 CodeDrobe 的主题运行时、应用适配器和 Agent Skill 重新整理了一遍。现在 `codedrobe-theme` 不再只支持 OpenAI Codex ，也支持腾讯 WorkBuddy 。
项目目前全部开源。
## 它能做什么
安装 Skill 后，可以直接给 AI 一张参考图片，然后告诉它：
> 参考这张图片，帮我生成一个 Codex 皮肤。保留原生交互，生成可移植的主题包，并在真实应用中验证首页和会话页。
也可以直接要求：
> 把这套视觉风格同时做成 Codex 和 WorkBuddy 皮肤。
Skill 会完成这些工作：
- 分析参考图的配色、材质和视觉元素
- 分别读取 Codex / WorkBuddy 的实时界面结构
- 为两个应用生成各自的主题 CSS
- 把共享图片和应用专属样式打包成 `.codedrobe-theme`
- 在真实应用中应用主题并截图验证
- 应用更新导致主题错位后，重新分析 DOM 并修复
- 随时移除主题并恢复原生界面
一个主题包可以同时包含 Codex 和 WorkBuddy 两套目标样式，不需要为每个应用复制一套 Skill 。
## 安装
安装 `codedrobe-theme` Skill：
```bash
npx skills add CodeDrobe/skills \
--skill codedrobe-theme \
--global \
--agent codex \
--yes
```
安装运行时：
```bash
npm install --global @codedrobe/core
codedrobe apps
```
这里的 `--agent codex` 表示把 Skill 安装给 Codex Agent ，并不表示只能给 Codex 换肤。
真正的目标应用由运行时参数决定：
```bash
codedrobe apply --app codex --theme /absolute/theme.codedrobe-theme
codedrobe apply --app workbuddy --theme /absolute/theme.codedrobe-theme
```
## 实现方式
CodeDrobe 不会修改应用的 `app.asar`，不会替换或者重新签名官方应用。
底层通过只监听 `127.0.0.1` 的 Chromium DevTools Protocol 注入可恢复的 CSS 。
主题不是一张覆盖在窗口上的截图。Skill 会从保护隐私的实时 DOM 快照中选择语义节点，分别处理侧边栏、首页、会话区、输入框和其他原生控件。
项目目前分成几个仓库：
- **Skills**：Agent 工作流、参考文档和主题模板
- **Core**：CLI 、CDP 、应用适配器、主题包校验和恢复
- **Desktop**：图形化主题管理器
## 当前限制
目前内置应用适配器只有：
- OpenAI Codex
- Tencent WorkBuddy
应用更新后，DOM 结构仍然可能变化，所以主题必须经过实时快照、应用和截图验证，不能只根据静态 CSS 判断兼容性。
主题发布功能暂时没有开放。在认证、主题所有权、审核和撤销机制完成之前，不会提供临时的上传接口。
## 开源地址
CodeDrobe Skills：
[https://github.com/CodeDrobe/skills](https://github.com/CodeDrobe/skills)
CodeDrobe Core：
[https://github.com/CodeDrobe/core](https://github.com/CodeDrobe/core)
官网：
[https://codedrobe.app/](https://codedrobe.app)
Skills 和 Core 使用 Apache License 2.0 。
目前主要想听听大家对这几个问题的意见：
1. 同一主题包支持多个 AI 桌面应用，这个设计是否有实际需求？
2. 除了 Codex 和 WorkBuddy ，下一个值得适配的软件是什么？
3. 主题包格式、应用适配器和安全边界还有哪些需要补充？
欢迎试用、提 Issue ，或者直接参与适配器开发。
---
原文链接：[点击查看](https://www.v2ex.com/t/1227872)
评论
暂无评论。