又是一个免责声明本文系 macOS 下的个人实践记录不是 OpenAI 官方教程。文中使用的 Codex Dream Skin 是第三方开源项目不属于 OpenAI像素 Dario 也是基于公开人物特征创作的非官方像素形象。不同版本的 Codex Desktop、macOS 和项目脚本跑出来的结果可能不同建议把本文当作一条可参考的实践路径而不是唯一正确答案。在开始之前本文默认你已经有 ChatGPT 会员可以直接使用 ChatGPT 的图片生成和图片编辑能力。不会写专业生图提示词也没关系后面我会把用到的 Prompt 全部放出来。今年五月Codex 小宠小火了一波。大家都给自己的 Codex 塞进了猫猫、恐龙和各种动漫角色。其中有一只名为像素 Dario 的小宠很受欢迎。它有着小卷发、戴着黑框眼镜再配上一张“我对这件事保持怀疑”的脸。它站在 Codex 旁边 有一种很难形容的 BOSS 感。刚好昨天社交平台掀起了一股 Codex 换肤风是时候让 Dario 一统 Codex占领全部的 Codex UI 了。你的 Codex 目之所及均是 Dario。当然如果你不喜欢黑框 Dario可以把 Codex 变成你的初音、热巴和刘宇宁。写给 Windows 用户虽然本次实践的是 macOS但整个换肤的流程是通用的Windows 用户记得在 Codex Dream Skin 下载安装包中找到对应的 Windows 版本按照下面的步骤一步步操作。素材准备开始之前我们先了解下这个 Fei-Away 开源出来的换肤项目没有它我们今天的实践就不能实现了。这是一个 Codex 换肤项目会把你定制化的背景、主题样式注入到官方 Codex Desktop。同时保持侧栏、建议卡、项目选择器、输入框和任务内容布局不变仍可点击此外这个项目也不会修改官方.app、app.asar或代码签名。下面我们来看下本次实践的所需内容一台 Mac已安装并至少启动过一次的官方 Codex / ChatGPT Desktop可以生成图片的 ChatGPT 账号一张参考图本文这里是 Dario 小宠参考图Codex Dream Skin 项目先打开一次原版 Codex截两张图留档一张首页一张真实任务页面。图注换肤之前的 Codex 界面先记住 Codex 现在朴素的模样后面装完皮肤我们会用同一个位置再截一张。有没有换成功一图胜千言。Codex 皮肤制作其实制作皮肤图片不是图越好看越好因为软件界面会有很多图标如果你的皮肤是个靓仔、靓妹他 / 她放在界面正中间会被首页标题挡住左边细节太多会看不清侧栏和文字背景是高亮霓虹估计和 Codex 交流五分钟眼睛就开始疼了。所以我们制作 Codex 皮肤的第一步不是直接丢图让它生成界面样式。而是让它根据 Codex 的界面先进行构图规划让我们的 Codex 皮肤兼顾美感和实用。下面打开你的 ChatGPT新建一个对话把 Dario 小宠截图上传进去再粘贴下面这段 Prompt我想根据这张参考图制作一张用于 Codex Desktop 的横版背景皮肤。 请先不要生成图片先帮我规划画面。 主题是“像素 Dario 的深夜 AI 实验室”。参考图只用来确定人物的核心识别特征和像素气质卷曲的深色头发、黑框眼镜、皱眉、略带怀疑的表情。 这张图不是普通海报而是软件工作界面的背景需要满足 1. 横版 16:9 构图 2. 人物和主要视觉焦点放在画面右侧三分之一 3. 左侧约 40% 保持安静、低对比、少细节为 Codex 首页标题和控件留空间 4. 画面底部中间不要出现强光和复杂物体避免影响输入框 5. 整体适合长时间作为编程工具背景不能太亮、太花 6. 不要绘制 Codex 界面不要画按钮、输入框和侧栏 7. 不要添加大标题、水印或大段可读文字 请给我 3 个视觉方向。每个方向说明场景、主色、光线、人物位置和适合作为软件背景的原因。等我选择后再生成图片。这个 Prompt 的主要作用是让 ChatGPT 把“什么不能画”说清楚避免我们生成的皮肤图片挡住 Code 的功能图标。由于个人偏好蓝色和橙色系所以最后选的是“窗边的凌晨调试现场”午夜蓝和灯光橙做底色用微弱的城市灯点衬托高手的孤寂。让 ChatGPT 生成第一版皮肤选好方向后继续在同一个对话里发下面的 Prompt请根据我上传的参考图生成一张可以直接用作 Codex Desktop 皮肤的纯背景图。 参考图的使用方式 - 参考图只用于保持人物的核心识别特征和像素气质 - 保留卷曲的深色头发、黑框眼镜、皱紧的眉毛和略带怀疑的表情 - 不要照搬参考图的构图、动作和背景 - 人物保持像素角色不要变成照片、3D 模型或平滑的数字插画 主题窗边的凌晨调试现场。 场景设定 - 场景位于高层建筑内是一个安静、克制的深夜工作空间 - 人物坐在右侧窗边的小桌前刚从电脑屏幕前转过头 - 他的眉头紧皱神情像是在思考“它刚才为什么会这样做” - 窗外是像素化的深夜城市和远处月色只保留少量稀疏灯点 - 桌面最右端放一台很小的机器人原型机器人处于休眠状态只亮一个非常暗的指示点 构图必须严格遵守 - 输出单张横版 16:9 纯背景图使用宽镜头不要人物特写 - 画面左侧 0%-45% 是暗色墙壁和窗帘阴影只使用平缓的蓝灰渐变 - 左侧区域不出现人物、家具、城市、文字、灯具、屏幕或明显装饰 - 画面中间 45%-60% 作为安静的阴影过渡区不放视觉主体 - 人物中心位于画面横向约 72% 的位置头部略高于水平中心线 - 人物坐姿整体不要超过画面高度的 45%不要画得像半身肖像 - 窗户和城市景观集中在右上区域不向左侧扩张也不要延伸到底部中央 - 人物、桌面和机器人全部收在右侧 62%-98% 的区域 - 桌面不要跨过画面横向 60% 的位置也不要贴住画面最底边 - 底部中央约 35%-65% 保持暗、平、空不放物体、灯光和纹理为软件输入框预留安全区 视觉风格 - 精致、统一的 16-bit 像素艺术像素边缘清晰像素颗粒尺度一致 - 主色为炭灰蓝、午夜蓝和低饱和月光蓝 - 只使用极少量暗橙色城市灯点不使用明亮黄色窗格 - 月光从窗外提供柔和轮廓光显示器只提供很弱的冷色补光 - 人物面部整体保持低亮度只轻微强调眼镜、眉毛、鼻梁和嘴部表情 - 氛围安静、真实、略带疲惫感适合长时间作为工作软件背景 - 控制对比度和饱和度不要赛博霓虹不要密集发光元素 最终输出限制 - 只输出背景图不要放进笔记本电脑、显示器或软件样机中展示 - 不要绘制 Codex 或任何软件界面 - 不要出现侧栏、按钮、卡片、输入框、窗口边框和鼠标指针 - 不要添加标题、Logo、水印、字幕、可读文字或乱码 - 不要增加额外人物、宠物、机器人或大面积装饰 - 不要让城市灯光成为视觉中心 - 不要让左侧和底部中央出现新的细节用过 ChatGPT 生图的小伙伴都知道ChatGPT 你和它对话就能直接生图。所以把这个 Prompt 丢给 ChatGPT等着收图。图注第一个版本的背景图第一版感觉还行我们先来看看它能不能放进 Codex人物有没有跑到中间左边是不是足够干净输入框附近有没有太亮有没有擅自生成英文字母或乱码整体是不是过度锐利、饱和度太高如果出现这些问题原地让 ChatGPT 基于原图继续修改。适配 Codex虽然第一版的图片能放进 Codex又不是不能用。但左侧接近三分之二是个暗蓝渐变假如右侧的图案被预览窗口之类的挡住那整个皮肤就换了和没换没区别。所以一个新的教训给界面留空间不等于把这部分画面彻底清空。现在来重新构图。把第一版图片继续留在当前对话里给 ChatGPT 递上下面的需求请以第一版图片为视觉基础重新构图。保留像素 Dario 的脸、卷发、黑框眼镜、皱眉表情、坐姿、深夜窗景和整体像素画风但不要只做局部修色也不要简单扩大画布。 第一版的问题是主要人物和窗景过度集中在最右侧左侧接近三分之二几乎完全空白。Codex Desktop 的建议卡和预览内容会覆盖右侧区域导致真正能看到的背景只剩暗色渐变。 请按下面的结构重新生成 1. 把 Dario、椅子、电脑和窗边桌面整体向左移动约画面宽度的 12%-15% 2. Dario 的脸部中心放在横向约 58%-62%、纵向约 38%-42% 的位置保持完整可辨认不要变成半身特写 3. 窗户从横向约 48%-52% 开始让月光和少量城市景观进入画面中部不要全部挤在最右侧 4. 最右侧 78%-100% 作为可被界面覆盖的次要区域只放机器人、桌柜和部分城市建筑不放人物的脸和主要动作 5. 最左侧 0%-28% 仍然保持低对比方便叠加 Codex 标题但不要是完全空白的纯色渐变 6. 在左侧加入克制、低对比的像素环境细节窗帘褶皱、柔和的月光投影、墙面分缝和极暗的窗框阴影 7. 画面 28%-48% 可以有淡淡的空间纵深和光影变化让用户即使只看到左半边也能感受到“窗边凌晨调试”的主题 8. 左侧细节必须比人物低一个视觉层级不出现高亮灯点、可读文字、屏幕、Logo 或第二个角色 9. 底部中央保持低对比、少细节可以有地面阴影或桌脚轮廓但不要出现强光和抢眼物体 10. 保留炭灰蓝、午夜蓝、低饱和月光蓝和少量暗橙灯点整体适合长时间作为工作软件背景 输出仍然是单张横版 16:9 纯背景图。不要添加 Codex 界面、侧栏、按钮、卡片、输入框、窗口边框、水印和文字。 目标不是让左侧更花而是让整张图在右侧被软件界面部分遮挡后仍然保留明确的像素场景、月光氛围和人物识别度。如果 ChatGPT 仍然只改了亮度没有移动人物继续补一句这不是在原画布上做局部编辑。请把第一版只作为角色和画风参考重新生成一张新构图必须改变人物、窗户和桌面的像素坐标并让 Dario 的脸部中心落在画面横向 58%-62% 的范围内。图注第一版本和第二版对比图多了点屏幕细节Dario 也柔和了许多。图片已经备好下面开始让 Codex Dream Skin 给我们制作皮肤下载 Codex Dream Skin打开 GitHub 项目点击绿色的Code按钮选择Download ZIP。下载完成后解压打开项目里的macos文件夹。里面会看到几个名字很直白的文件Install Codex Dream Skin.command安装Customize Codex Dream Skin.command更换图片和主题Start Codex Dream Skin.command启动或重新应用皮肤Verify Codex Dream Skin.command检查运行状态Restore Codex Dream Skin.command恢复官方外观在继续之前先确认官方 Codex Desktop 已经安装并且至少正常打开过一次。安装皮肤工具双击Install Codex Dream Skin.command这个脚本会把主题引擎安装到~/.codex/codex-dream-skin-studio路径而状态、日志和用户图片将会放在~/Library/Application Support/CodexDreamSkinStudio。如果你的 macOS 打开这个文件报了一下权限问题别删除选择完成Done。去系统设置里给这个文件打开对应的权限。参考下图安装完成后项目会创建用来启动、定制、验证和恢复的入口。参考下面的安装完成图换上你的皮肤图片安装完成后双击Customize Codex Dream Skin.command上图放大的那个文件。这个脚本会打开 Finder 选图窗口。选择刚才保存的图片就是 pixel-dario-codex-skin.png。再给这个主题选一个名字后面可以用来切换主题。查收你的 Codex 皮肤上面操作之后会让你重启。重启完成之后你就会得到一个定制化的 Codex 界面看得出来Codex Dream Skin 对我们的页面进行了一些定制化的设置。虽然图标这块有些错位了到此换肤算是成功了。我们需要检查一下的是菜单栏们能不能使用测试下来基本上都没问题。下面我们来学习下如何卸妆一键还原 Codex 原本面貌。一键卸载 Codex 皮肤我们换上皮肤之后下一个需求一定是换别的皮肤或者是恢复 Codex 的原貌。这里教你如何恢复原貌换回那个朴素的它。点击codex-dream-skin-studio文件夹下的Restore Codex Dream Skin.command命令Restore Codex Dream Skin.command点击之后重新打开 Codex确认它已经回到官方外观。好的到这里整个换肤教程已经结束了。最后和小七分享下你换皮后的界面让小七学习下你的审美吧~