AI资讯

给 Codex 换皮肤这门生意,被我开源了

作者:苍何0 次浏览 来源:苍何
给 Codex 换皮肤这门生意,被我开源了

最近我看给 Codex 换皮肤这个需求还挺多的,有人通过给别人定制皮肤,一周就赚了几万块。但我始终没发现有制作皮肤的称手工具,于是我花了几天时间,自己开发了这个 Codex Themes 工具。

这是苍何的第 566 篇原创!

大家好,我是苍何。

最近我看给 Codex 换皮肤这个需求还挺多的,有人通过给别人定制皮肤,一周就赚了几万块。

文章配图

然后 CodexGuide 交流群中很多的聊天也都是关于 Codex 皮肤的,你别说,给 Codex 换上一个好看的皮肤,情绪价值直接拉满。

但我始终没发现有制作皮肤的称手工具,于是我花了几天时间,自己开发了这个 Codex Themes 工具。

文章配图

你可以一键换上李白的皮肤主题,就很舒服:

文章配图

你也可以一键回到十几年前的那个盛夏,QQ 的咳嗽声一响,心跳漏半拍,那个你等了一整晚的头像,终于亮了。

文章配图

换上提莫的皮肤,写代码都有种在峡谷里种蘑菇的快乐。

文章配图

无需复杂的环境配置,一键应用就可换肤,而且是通过 CDP 的方式注入装饰层,不会修改 Codex 安装包代码,不会影响 Codex 的原生交互。

如果觉得不爽了,甚至还能一键切换为 Codex 默认的原生主题。

文章配图

应用内置了不少主题及皮肤,你可以一键使用,也可以复制为副本,然后自定义修改。

文章配图

这个还不是最牛逼的,在 Codex Themes 里,你可以直接使用 Codex 来生成想要的主题,里面配置了主题皮肤制作 Skill 及可视化流程。

文章配图

通过 App Server 的方式,也就是说,你只要本地有 Codex,就能一键连接了。

你可以在上面进行多轮修改,直到选择自己满意的主题为止。

文章配图

制作好主题后,你甚至可以把它发布到社区广场,给大家使用,用户购买后,你也能获得对应的积分。

文章配图

用户可以使用积分或支付宝直接购买主题,所以说它打通了主题创作的完美闭环。

文章配图

这样一个带有支付+前后端+数据库能力,相对成熟闭环的产品,我现在也免费把它开源了,信息如下:

官网:theme.codexguide.ai  开源地址:github.com/freestylefly/codex-themes

文章配图

你别说,就连这个官网也是经过用心打磨的,还是相对满意的。

这么一个还相对闭环的产品,我全程是用 Kimi 最新最强的模型 K3 开发的。

刚好最近 Kimi 最新发布的 K3 模型特别火,看圈内实测都在说它的原生多模态能力非常能打,而且在长上下文处理和长时 Agent Coding 任务上极其稳定。

我寻思着,做这种需要实时截图、看渲染结果、还要在代码和视觉反馈之间反复闭环的工具,刚好是看看 K3 真正实操实力的绝佳场景。

体验下来,我感觉 K3 整体性能超过 Claude Opus 4.8、GPT 5.5、仅次于 Claude Fable 5 和 Sol,部分实测场景能接近 Sol 了

下面,我会公开分享一下我的开发历程,希望对你有帮助,也欢迎点赞转发给需要的朋友。

一开始,我是将 K3 接入了 Codex,但可能是当时使用的人过多或是适配问题,经常会报 400 自己中断掉对话。

后面,我接入了 Claude Code,就变得异常的丝滑,我是在自己的产品 WeSight 中接入了搭载 K3 的 Claude Code。

文章配图

你只需要填入 kimi 的 API Key 就好了。

配置好 k3 后,我一上来并没有直接让 k3 就帮我写代码,我是先把我的需求同时先给到 Claude Fable 5、GPT 5.6 Sol, 让他们出方案,然后用不同的模型进行互相辩证修复。

这种多模型交叉验证的思路,本质上是借鉴了代码评审里的交叉 review 机制,不同模型的知识分布和推理路径各有盲区,让它们互相挑刺,往往一轮下来就能把方案里的架构缺陷、边界条件遗漏这些坑提前暴露掉,远比单一模型自说自话要靠谱得多。

在几轮下来后,我最后看了方案没问题后,我直接开启猛猛干模式(goal),然后输入提示词:

/goal 按照开发计划帮我完成开发任务「这里填 plan 的实际路径」

文章配图

猛猛干模式一开,K3 已经在自己读需求文档、拆任务、写代码了,全程没要我插手。

文章配图

整个过程跑了 2 小时,中间经历了 5 轮的自主迭代,它自己会跑构建、看报错、修 bug,修完再跑,直到跑通为止。

这种长时 Agent Coding 任务,最考验模型的就是记性和耐力,很多模型跑个半小时就开始上下文漂移,之前定好的架构约束全忘光,开始瞎改。

比如 CDP 注入装饰层的时候,皮肤样式和 Codex 原生样式发生了冲突,按钮被主题色污染了。

文章配图

K3 自己定位到是 CSS 优先级和选择器穿透的问题,然后用 CSS 变量加样式作用域隔离的方案解决了,装饰层的样式完全被圈在自己的命名空间里,不会外溢污染原生界面。

这个解法还是相当工程化的,说实话让我自己来写,也得琢磨一会儿。

你可以看到无论是 Codex Themes 的客户端还是官网,整个设计还是有一些的,特别是图片及布局。

这个我的做法是先让 GPT-image 2 先生成设计图,然后交给 K3 进行复刻,配合我的 skill,复刻能力非常强。

文章配图

所以包括皮肤的设计、主题及界面、官网的设计,我都是用的这一套工作流,非常丝滑。

这也侧面说明 k3 在原生多模态上表现不错。

其实很多的能力,我们之前开发过很多的产品都已经完成过闭环验证,K3 在前端上审美也还比较在线的,在后端逻辑上,比较老道。

但有一个场景, 是之前所有的产品都没验证过的,那就是支付能力。

正常网站要接入微信或支付宝接入是需要备案的,整个流程还比较复杂,我的还是 ai 域名的网站,更加困难。

这里我用的是支付宝的 Agent 支付,就完美的解决了这个问题。

文章配图

你可以理解为,你只需要一行命令就能快速的将你的网站接入支付的能力。

通过 npx -y @alipay/alipay-aipay@latest install 安装支付宝 AI 付 Skill,加载 alipay-aipay 技能为我的项目集成网站支付,完成沙箱测试,并完成签约入驻

有了支付能力,就可以做付费主题和积分商城了。但是这个任务非常的麻烦,以前开发这些功能,没个把星期是搞不定的。

我以前在支付宝的时候,也踩过这方面不少的坑,但现在我想将这个复杂的任务丢给大模型,我想看看 K3 实际工程化上的能力。

由于过于复杂,这个任务我是单开了个迭代分支 Chat,同样多模型出迭代开发计划,然后丢给 K3,开启 goal 模式。

文章配图

K3 会先调用 Plan Agent 深入理解需求,然后分多个实现阶段,用不同 Agent 完成。

文章配图

因为付费主题和积分商城会设计到用户体系、鉴权体系、支付体系、积分体系、非常麻烦,K3 光是 Agent Plan 做任务拆解,就花了接近 24 分钟。

支付宝支付闭环上也花了不少时间,但在经历个把小时的努力后,K3 完成了整体交付。

文章配图

虽然有一些细节方面的瑕疵,但整体链路是闭环的,我只需要把我的问题不断的给 K3,帮我做调整就好了。

文章配图

开发完成后,我可没直接就信了它,老规矩,拉来群殴。

我把 K 3 写的核心代码丢给 Claude Fable 5 和 GPT 5.6 Sol 做 code review,让它们专门挑刺,重点看安全性、边界条件和性能隐患。

不过整体安全性和边界条件,K3 考虑的还是挺周到的。

但也有一些比如积分扣减的并发问题、支付回调的幂等性处理上了,发现后再让 K3 来直接修复。

这套流程走下来,我总结了一下就是:出方案用群殴,干活用 K3,验收再群殴。

AI 负责干活,我负责当包工头,这感觉,爽。

回头看这个项目,从需求到上线,满打满算 5 天,放以前,前后端加支付再加官网,没有小半个月根本下不来。

而我要做的事情,基本上就是提需求、审方案、点确认,真正敲代码的活儿,K3 全包了。

说实话,我越来越觉得,现在程序员的核心竞争力已经在悄悄变天了。

以前是比谁代码写得快,现在是比谁把需求描述得清楚、把方案审得明白、把 AI 指挥得服服帖帖。

会用 AI 不稀奇,会让 AI 老老实实把活干好,才是真本事。

工具我已经完全开源了,地址再放一次,方便你直达:

官网:theme.codexguide.ai  开源地址:github.com/freestylefly/codex-themes

文章配图

觉得有用的话,欢迎去 GitHub 点个 star,这对我真的很重要。

最后问问大家,如果给你的 Codex 换皮肤,你最想换什么主题?李白、提莫,还是直接整一个初音未来?

文章来自于微信公众号 “苍何”,作者 “苍何”

相关主题

读完之后

加入 AINRK 交流群

了解加入交流群的方式,与更多 AI 从业者交流。

查看交流群说明(在新窗口打开)