这两天我在闲鱼上看到一个 Codex 皮肤定制服务,标价 99 元。商品页写着明星、企业和角色主题都能定制。

看到以后,我去了解了一下,还自己跑了一遍。确实可以换皮肤,而且不是只改一个主题色。背景图、侧栏、卡片和输入框都能改。
我这次跑通的是开源项目 CodeDrobe:
https://github.com/CodeDrobe/codex-skill
这是别人做出来的几套效果:




换肤是怎么做的
看起来是给一个桌面 App 换皮肤,实际做法更像是在改网页。这类换肤工具大致做了三件事:找到 Codex 里面可以修改的界面,从外面连进去,再把新的样式加载进来。
1. 先找到可以改的界面
Codex App 是用 Electron 做的。Electron 能把网页技术做成桌面 App,它里面还带着 Chromium,也就是 Chrome 浏览器用来显示网页的那套内核。所以 Codex 虽然安装在电脑上,界面仍然可以像网页一样修改。
2. 再从外面连进去
换肤工具会用专用启动器打开 Codex,同时开启一个只能在本机访问的调试端口。接着它会通过 CDP 连接这个端口。CDP 的全称是 Chromium DevTools Protocol,就是 Chrome 开发者工具背后的控制接口。平时开发者用它检查网页,这里用它连接 Codex 的界面。
3. 最后把皮肤放进去
连接成功后,工具会向 Codex 加载 CSS 和本地图片。CSS 是管页面外观的样式文件,侧栏的颜色、卡片的边框、输入框的样子和区域大小,都可以在这里调整。再把准备好的背景图加载进来,完整皮肤就出来了。
这套做法不用改 Codex 源码,也不用重新打包 App。但皮肤是在 Codex 启动后加载的,所以每次都要从对应项目提供的启动器打开。直接点原来的 Codex 图标,没有开启调试端口,换肤工具就无法连接,皮肤也不会生效。
这 99 元卖的是什么
项目是开源的,但开源不等于没有收费空间。会折腾的人可以自己安装,闲鱼上这 99 元卖的,是帮客户把工具装好,再按客户给的图片、颜色和文案做成可以直接使用的皮肤。
想试试这个需求,不用一开始就准备很多。先把安装流程跑通,做两三套效果图,挂一个商品看看有没有人咨询。有人问,再看他们喜欢哪种风格、用 Mac 还是 Windows、愿意为哪部分付费。