记录一下,今天 AI 圈最火的莫过于 Kimi K3 模型发布,基本上能力已经摸到 Opus 4.8 的位置了,跟肥波和 GPT 5.6 sol 还略有差距。
虽然价格不便宜,但后面随着算力足了,国产卡适配跟上了,应该是会降下来的。按这个趋势,国模跟外模的差距,慢慢会越来越小于 6 个月。
跟Kimi K3 一样最近圈内很火的另外一件事情就是给 Agent 换皮肤,从 Codex 到 WorkBuddy 到 Cursor 到豆包通通都能定制自己的专属主题界面皮肤。
搞笑的是,AI 博主黄啊码自己刚搓出来的皮肤,本想着发到社群里分享展示一下,不到一个小时就被挂上了咸鱼,卖 199 一份。
所以现在咸鱼上也大把这种卖皮肤定制服务,价格从高到低不等。这属于信息差,割小白的,老马觉得有必要出一篇教程,抹平一下,让大家都能自己动手,创造快乐。
01 · BACKGROUND
首先说明一下,目前市面上的大多数 Agent 工具客户端,或者 AI 聊天客户端,无论是 Windows 版本,还是 Mac 版本,都是基于 Electron 构建的桌面应用。
Electron 技术栈的底层是 Chromium 浏览器,然后渲染 node.js。所以这类软件你都可以用快捷键调出开发者工具,对其前端进行调试修改。
以 Mac 系统为例,比如你现在打开 WorkBuddy 软件,在软件界面中同时按下 command + option + i,就可以打开浏览器的开发者工具了。
02 · METHODS
而要修改定制主题皮肤的话,总结来说有两种方式,一种是直接修改软件包里面的归档文件,另外一种是 DevTools 注入自定义 CSS,也就是 CDP 注入。
01、直接修改软件包:优点是可以深度修改,且重启后不会失效。缺点是一旦软件升级,升级后就会失效。
02、修改软件包还有一个问题,Mac 的签名会失效,每次启动软件都可能需要输入钥匙串。复刻成另一个独立软件包,也会遇到类似问题。
03、CDP 注入:软件重启后,如果 CDP 注入没有生效,主题皮肤就会跟着失效。
04、折中做法:写一个脚本启动器,每次通过启动器打开软件,让主题皮肤自动注入。
以上两种思路基本适用于 Windows 系统和 Mac 系统,且无论是 Codex、WorkBuddy、Cursor、豆包等 Agent。如果还是不放心,或者无法判断是否通用,你可以先问一下 Agent 是不是基于 Electron 构建的。
交代完背景情况和知识,接下来咱们就可以手搓定制自己的专属主题皮肤了。老马会一步步演示手搓的整个过程,中间会经历十几轮甚至几十轮跟 Agent 的对话。
原因很简单,WorkBuddy 你可以改得非常简单,也可以改得非常深入。每个人的审美、需求都不一样,自然跟 Agent 对话,让它去修改的次数就不一样。
但还是那句老话,AI 时代你想做点什么东西,最难的不是技术问题、模型问题,而是你怎样能描述清楚自己的需求,给足上下文。
03 · WORKFLOW
针对有些小伙伴看完本文之后,实在是没法说清楚自己想要什么效果的情况,老马也把整个定制过程打包成了 Skill,你只需安装 Skill,上传图片素材,就能完成主题皮肤的定制。
Skill 会放在文末,废话少说,下面咱们直接开干。对了,避免有些小伙伴误解,本次教程讲解的 WorkBuddy 定制主题皮肤,是指它的电脑客户端。
其他的 Agent 工具软件也一样,都是定制的电脑端主题皮肤,不是什么手机端的 APP,这点别理解错了。
第一步,打开你电脑上的 WorkBuddy 软件,老马这里以 Mac 版为例。新建一个会话,选择一个工作空间,模型的选择 Auto 自动就行了。

看到截图中老马的第一句提示词没有,先把参考图片、背景图片,或者某个明星的图片上传上去,然后要求它用 CDP 的方式去注入修改。提示词如下。
使用我上传的图片,给我的 WorkBuddy 换个皮肤主题吧,采用 DevTools 注入就行,有需要的话,给我做个启动器,这样每次我都可以自己启动注入之所以建议大家使用 CDP 的方式,一来不会破坏原来的软件包,二来不影响软件的正常更新。缺点前面也说了,就是重启后需要重新注入,做个脚本启动器啥的,或者手动在会话记录里面让它重新注入即可。
经过上面的一轮修改,你的 WorkBuddy 会从图片上提取色彩参考值,然后去修改整体的外观。但第一版基本上不可能修改到位的,因此有啥没修改到的地方,你就继续发送需求让它修改。

04 · ITERATION
对了,有些特别细节的地方,你就截图,截图工具可以用 QQ 自带的,用红色方框圈出来,然后让它去修改。WorkBuddy 里面内置的模型是有多模态的,它可以看得懂截图。
比如老马此时发现会话窗口顶部的标题栏还是白色,跟其它地方不一样。遂截图框上红框,加上提示词发送过去。

有时候你会发现,WorkBuddy 说已经把某个地方修改好了,但是你还是没看到效果。这种情况大概率就是 CDP 没有注入完成。没有关系,你就回复它没有看到效果,让它重试。

另外有一个细节点要注意的是,WorkBuddy 上不同页面,不同类和层级是不一样的。比如左侧是菜单栏,右侧是对话框。而在新建任务页面上,是一个欢迎卡片,在会话页面里,就是一层对话的文字记录跟背景。
你在描述需求的时候,得讲清楚要修改哪里。实在不懂得描述某个地方的,你就截图,然后红色框框出来,把想要的视觉感觉描述出来。
比如这里会话界面中,老马发现中间有一块颜色遮挡了背景图。

WorkBuddy 的模型自动挡会去调用 Kimi K2.7 或者 GLM 5.2,对需求的理解能力还是不错的,基本上两三轮就能修改到位。
就这样一次次对话去修改,慢慢达到自己想要的皮肤视觉效果。老马大概经过了十几轮的对话,基本上完成了最终的主题皮肤。没错,美丽的高圆圆版本,没有太多花里胡哨的东西。
你在群里,或者网上看到那些 Codex 的皮肤效果图,基本都是 image2 生成的,实际去 Codex 上修改的话很麻烦,很难达到那种效果,相当于要重构大半个前端,图骗就是这么来的。
大家看看这个效果,老马只是完成了新建任务的欢迎卡片页面,以及会话页面,个别比较细的功能分类页面还没完全修改透,但已基本够用。

05 · SKILL
觉得以上修改定制主题皮肤过程比较麻烦的小伙伴,可以在 WorkBuddy 上下载安装这个定制 Skill,老马也开源到 GitHub 上了。
github.com/majiabin2020/workbuddy-theme-skin-skill访问不了 GitHub 的小伙伴,老规矩,给老马的公众号发送“github 访问”,按照回复的文字去操作即可,其实你问一下 Agent,也能搜到不少方法。
∞ · POSTSCRIPT
好了,以上就是今天的分享。欢迎关注、点赞、转发一键三连。
有任何问题和需求,请在评论区留言,回见!
对了,老马最近刚创建了一个AI学习交流群,有兴趣进群的小伙伴可以添加老马微信号:immajiabin,添加好友时备注:进群(不备注不通过)。
更新时间:2026-07-21
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight All Rights Reserved.
Powered By 71396.com 闽ICP备11008920号
闽公网安备35020302034844号