手把手教你给WorkBuddy定制自己的专属皮肤(附送Skill)

作者: admin 分类: 评论分析 发布时间: 2026-07-18 10:05

记录一下,今天 AI 圈最火的莫过于 Kimi K3 模型发布,基本上能力已经摸到 Opus 4.8 的位置了,跟肥波和 GPT 5.6 sol 还略有差距。

虽然价格不便宜,但后面随着算力足了,国产卡适配跟上了,应该是会降下来的。按这个趋势,国模跟外模的差距,慢慢会越来越小于 6 个月。

跟Kimi K3 一样最近圈内很火的另外一件事情就是给 Agent 换皮肤,从 Codex 到 WorkBuddy 到 Cursor 到豆包通通都能定制自己的专属主题界面皮肤。

搞笑的是,AI 博主黄啊码自己刚搓出来的皮肤,本想着发到社群里分享展示一下,不到一个小时就被挂上了咸鱼,卖 199 一份。

所以现在咸鱼上也大把这种卖皮肤定制服务,价格从高到低不等。这属于信息差,割小白的,老马觉得有必要出一篇教程,抹平一下,让大家都能自己动手,创造快乐。

01 · BACKGROUND

为什么 Agent 客户端能换皮肤?

首先说明一下,目前市面上的大多数 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

用 WorkBuddy 手搓主题皮肤

针对有些小伙伴看完本文之后,实在是没法说清楚自己想要什么效果的情况,老马也把整个定制过程打包成了 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

懒人版:安装定制 Skill

觉得以上修改定制主题皮肤过程比较麻烦的小伙伴,可以在 WorkBuddy 上下载安装这个定制 Skill,老马也开源到 GitHub 上了。

github.com/majiabin2020/workbuddy-theme-skin-skill

访问不了 GitHub 的小伙伴,老规矩,给老马的公众号发送“github 访问”,按照回复的文字去操作即可,其实你问一下 Agent,也能搜到不少方法。

∞ · POSTSCRIPT

最后说一句

好了,以上就是今天的分享。欢迎关注、点赞、转发一键三连。

有任何问题和需求,请在评论区留言,回见!

对了,老马最近刚创建了一个AI学习交流群,有兴趣进群的小伙伴可以添加老马微信号:immajiabin,添加好友时备注:进群(不备注不通过)。

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Protected by WP Anti Spam