每天盯着 AI 编程工具写代码,界面顺不顺眼其实挺影响心情的。下面这两张图,左边是原生的 Codex,右边还是它——只是穿上了 2007 年 QQ 的皮肤。变的不只是背景,侧边栏、聊天框、按钮、配色是整套换掉的。一键换上,一键恢复,不改应用任何文件。

image.png

这就是 CodeDrobe——一个给 AI 桌面应用换肤的开源工具 + 主题商店。目前已经支持 Codex、WorkBuddy、QoderWork、TRAE SOLO 四款主流 AI 编程工具,适配器协议开放,加个适配器就能接入新应用。

image.png

不只是换个背景

给这类软件换肤,常见做法是丢一张背景壁纸 + 自动调一下配色,界面骨架基本没动。CodeDrobe 走的是另一条路:

AI 读一份应用的实时界面结构(DOM),照着真实结构现场生成整套 CSS——侧边栏、会话区、输入框、按钮、卡片全部重做。所以 QQ 2007 能做出经典蓝聊天框,Windows XP 能做出 Luna 蓝标题栏和 Start 按钮,而不只是换张桌面背景。

好处是抗更新:应用界面结构变了,重新读一遍再生成就行,不用手动改一堆样式规则。

一个统一的开放格式

CodeDrobe 定义了一个统一的主题包格式 .codedrobe-theme,这是整个项目的地基:

-一个文件 = 一个主题。清单 + CSS + 内嵌图片,发给朋友、上传商店、导入应用,都是这一个文件。

-一个包适配多个应用。同一套视觉,装哪个应用就用哪份 CSS。

-规则写死在 schema 里。主题声明自己依赖哪些界面节点,装前做兼容性预检,不兼容明确报错,而不是糊一层错位的样式。

-零 JavaScript。主题包只有声明式配置、CSS 和图片,拒绝外部资源,是"数据"不是"程序"。

格式统一了,安装、分发、更新、校验才能全部自动化——这也是主题商店能成立的前提。

image.png

三种用法,各取所需

-普通用户 → Desktop(macOS / Windows):内置主题商店,浏览、搜索、一键应用,运行中的应用直接热切换不用重启,随时一键恢复原生。

-开发者 → Core CLInpm i -g @codedrobe/core,然后 apply / verify / restore / pack 一行命令一个动作。Desktop 底层调的就是它。

-创作者 → Skill:给编码 Agent 一张参考图,说"照这个做一套主题",它会读实时 DOM、生成整套 CSS、打包、真机换上截图验证。做好还能发布到商店。

image.png

# CLI 换肤(同一个主题包,换 --app 即可)

npm install --global @codedrobe/core

codedrobe apply --app codex --theme ./qq-2007.codedrobe-theme

codedrobe restore --app codex

# 装 Skill 让 AI 做主题

npx skills add CodeDrobe/skills --skill codedrobe-theme --global --agent codex --yes

安全、可恢复

换肤最该担心的是安全和能不能还原。CodeDrobe:

  • 不改 app.asar,不替换可执行文件,不碰应用签名;

  • 只通过绑定本机 127.0.0.1 的调试协议注入可恢复的 CSS;

  • 主题包不执行任何代码,导入时拒绝外部资源

  • 注入前预检、注入后自动验证、失败自动回滚;

  • 登录状态、会话历史、项目数据一律不动,随时一键恢复原生。

开源地址

想快速上手,从 Skills 开始就行——它的文档里把 Core 和 Desktop 都串好了:

如果你也想给天天用的 AI 工具换个样子,可以从 Skill 开始试试。有想让我们适配的应用,或者做了好看的主题想分享,欢迎来提。

说明:CodeDrobe 是独立开源项目,与相关应用的厂商无隶属或官方合作关系。各产品名称及商标归各自权利人所有;怀旧主题为致敬性质的社区创作。

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐