[开源] 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：

npx skills add CodeDrobe/skills \

  --skill codedrobe-theme \

  --global \

  --agent codex \

  --yes

安装运行时：

npm install --global @codedrobe/core

codedrobe apps

这里的 --agent codex 表示把 Skill 安装给 Codex Agent ，并不表示只能给 Codex 换肤。

真正的目标应用由运行时参数决定：

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

CodeDrobe Core：

https://github.com/CodeDrobe/core

官网：

https://codedrobe.app

Skills 和 Core 使用 Apache License 2.0 。

目前主要想听听大家对这几个问题的意见：

1. 同一主题包支持多个 AI 桌面应用，这个设计是否有实际需求？


2. 除了 Codex 和 WorkBuddy ，下一个值得适配的软件是什么？


3. 主题包格式、应用适配器和安全边界还有哪些需要补充？

欢迎试用、提 Issue ，或者直接参与适配器开发。