最近一周,推特上到处都是那张紫色的 Codex 截图。

雷光背景、半透明面板,原本很“工具”的界面,突然有点像游戏启动器。

点开一看,是 Fei-Away 做的 Codex Dream Skin

我越看越坐不住。

倒不是觉得换个背景能提高多少生产力,而是它提醒了我一件事:桌面端 AI 工具原来不用改掉原本的操作方式,也能变得没那么冷冰冰。

我当时就在想,WorkBuddy 能不能也来一套?

于是,周末两天基本没干别的。

最后做出来的东西叫 workbuddy-ambient-skin,现在已经开源。

先看效果

目前内置了 4 款主题。下面这些图都是实际注入 WorkBuddy 后截的,不是效果图。

晨雾极光 / Paper Aurora

 

这是我自己用得最多的一款。

浅灰底,加一点冰蓝渐变。背景完全由 CSS 生成,不需要加载外部图片。写文档或者挂长任务的时候比较安静,看久了也不累。

初音未来·猫咪女仆 / Miku Neko Maid

 

青色、柔白,再带一点浅粉。它的颜色不是我手动一项项配的,而是程序从图片里算出来的。

这个功能后来成了整个项目里我最喜欢的部分,后面细说。

哆啦 A 梦·瑞雪迎福 / Doraemon Snow Fortune

 

冰雪蓝里混了一点灯笼红和暖金色。本来只是做来应景,实际挂在首页也不违和,所以一直留到了现在。

雷神·雷寂永恒 / Raiden · Eternal Thunder

 

这是第一款,也是被推特那张图刺激之后最先做出来的版本。

深紫雷光配浅薰衣草色面板。要说它低调,那肯定算不上。不过偶尔切过去,确实挺爽。

不止这四套,自己的图片也能用

你可以从电脑里随便选一张图。WorkBuddy 会看着图片的明暗和主要颜色,自动配好背景、侧栏和强调色,不需要自己一点点调。

选过的图片会留在右上角的 菜单里。想换就换,不喜欢也能随时回到原来的界面。实测下来,纯背景图最好用,带很多文字的图片容易显得乱。

我只换了氛围,原来的操作都没动

刚开始,我也想把按钮、字体和侧栏全部重做一遍。后来想想,这些地方本来就挺顺手,我有啥理由去改动?难道就是为了装一把?

所以最后只改了工作区的背景和颜色。侧栏、输入框、菜单都还是原来的样子,不用重新适应。

名字里的 ambient 也是这个意思:给工作区换个气氛,其他东西别乱动。

还有件事,我不想为了换个皮肤去修改 WorkBuddy 的安装文件。软件一升级,改过的东西可能就没了,恢复起来也麻烦。

所以它用本地调试接口加载皮肤,技术上叫 CDP。整个过程只在自己的电脑上运行,不改客户端文件。更具体的实现和安全说明,我放在仓库 README 里了。

安装只需要一条命令

聊天框:帮我安装这个skill  https://github.com/leeandrew94/workbuddy-ambient-skin

 

安装完成后,WorkBuddy 会提供一条执行命令:

换成初音未来主题

 

复制下面命令到终端实行。

应用皮肤时 WorkBuddy 会重启一次。如果输入框里还有内容,请记得先保存。

macos系统:
"$HOME/.workbuddy/skills/workbuddy-ambient-skin/scripts/apply.command" --theme paper-aurora

 

Windows 的安装方式,以及暂停、恢复、切换主题等命令,都放在仓库 README 里。

项目地址:https://github.com/leeandrew94/workbuddy-ambient-skin

目前在 macOS 13+ 和 Windows 10/11 上测试过,两端都需要 Node.js 22+。

这个项目参考了 Codex Dream Skin 的换皮思路,但没有照搬它的实现。注入方式、菜单组件和 OKLCH 取色都是重新写的。

说直白点:思路确实是看人家的,代码是自己熬周末写的呢。

最后

这几天我一直开着初音未来·猫咪女仆

它没有让我代码写得更快,也没有让 WorkBuddy 突然变聪明。但每天打开应用的时候,看到自己喜欢的画面心情好很多。

对我来说,这就够了。

项目已经开源。想试的话,可以去仓库照着 README 安装。如果你拿自己的图片做出了什么离谱主题,也欢迎发张图给我看看。

我还挺想知道,大家最后会把 WorkBuddy 换成什么样。

 

更多推荐