自定义 Codex 主题 – Codex-Dream-Skin 换肤工具完整教程01. 项目实测02. 项目简介03. 挖一挖

自定义 Codex 主题 – Codex-Dream-Skin 换肤工具完整教程01. 项目实测02. 项目简介03. 挖一挖

今天发点适合个性化 Codex 的东西。

Codex 用起来很顺手,但界面基本由官方决定。每天打开很多次,久了总觉得少点自己的东西。

正好,我在 GitHub 上看到了 Codex-Dream-Skin。截至改稿时,仓库页面已经显示约 6K Stars。

我直接装上试了一遍,先看效果。

 

01. 项目实测

 

这个项目内置了 8 个主题,大家可以直接叫 Codex 替换:

当然,如果我们想自定义风格也可以,直接给一张图给 Codex,然后告诉它:

提示词:用这张换 Dream Skin 背景

图的比例最好接近 16:10,推荐 1586×992,人物或主体放在中间偏右,尽量少带文字,避免裁切后出现残缺文字,PNG 格式效果最好。

我直接用挖挖来试试,给一张挖挖的图:

提示词:用这张换 Dream Skin 背景

然后 Codex 会自动处理一些小细节:

我对颜色不是很满意,可以继续让 Codex 改:

提示词:把 Dream Skin 主题颜色改的更接近挖挖的配色。

这下就成我个人的定制版 Codex 了。

 

02. 项目简介

 

Codex-Dream-Skin 是一套 Codex 桌面端第三方换肤工具。项目通过本机 Chrome DevTools Protocol 连接 Codex 的渲染层,注入 CSS、图片和少量装饰节点。官方应用、app.asar、WindowsApps 目录和代码签名保持原样。

项目地址:https://github.com/Fei-Away/Codex-Dream-Skin

Codex-Dream-Skin 的效果包括:

  • 替换首页横幅和任务页背景

  • 重做侧栏、建议卡、项目选择区和输入框样式

  • 添加毛玻璃、粒子、品牌文字等装饰

  • 保留 Codex 原生按钮、输入框、菜单和任务内容的交互

  • 验证主题是否生效,并生成截图

  • 停止注入,恢复官方外观

换完皮肤,功能不会被影响,侧栏、建议卡、项目选择器和输入框都保留 Codex 原生交互,点击、输入、切换项目不受影响。

想换个心情,替换一张背景图就能生成新的主题。看腻了,运行恢复脚本即可回到官方外观。

安装时,把这个提示词发给Codex就行:

提示词:

请帮我在当前电脑安装 GitHub 项目 Fei-Away/Codex-Dream-Skin:

https://github.com/Fei-Away/Codex-Dream-Skin

目标:完成安装、启动和验证,同时保留一键恢复官方外观的办法。请直接执行安全、可逆的步骤,不要只给教程。

执行要求:

1. 先识别 Windows 或 macOS,再阅读仓库最新版 README、对应平台文档、安装脚本和测试。检查仓库当前分支、未合并 PR 与已知问题,不要假定旧命令仍然有效。

2. 检查前置条件。Windows 需要官方 Microsoft Store 版 Codex、Node.js 22 或更高版本,并且 Codex 至少启动过一次;macOS 需要官方 Codex.app,并按仓库文档使用项目提供或认可的 Node 运行时。缺少依赖时先安装可信官方版本。

3. 把项目放到不会被随手删除或移动的固定目录。安装后生成的快捷方式可能依赖该目录,不能使用临时目录。

4. 安装前确认 Codex 已关闭。若当前助手运行在 Codex 内,不要强行结束当前会话;先下载、检查、测试并制作一键收尾脚本或桌面快捷方式,再让我关闭 Codex 后运行。

5. 安装前备份 `~/.codex/config.toml`。不得显示、上传或改写 API Key、Base URL、登录凭据、`auth.json` 以及无关配置。不得修改 WindowsApps、`app.asar`、应用签名或系统安全设置。

6. 先运行项目对应平台的测试。Windows 请使用 Windows PowerShell 5.1 再跑一遍 `windows/tests/run-tests.ps1`,并检查相关 JavaScript 文件语法。测试失败时停止安装,先定位原因;如需采用未合并修复,只选择与故障直接相关的最小改动,记录 PR、提交 SHA、本地补丁和测试结果。

7. 按仓库最新版命令安装并启动。Windows 启动器必须通过已注册的 Microsoft Store 应用身份启动 Codex,不能直接执行 WindowsApps 目录中的程序。调试端口只能监听 `127.0.0.1` 或 `::1`,不能暴露到局域网。首次启动或应用刚更新时应给 CDP 验证预留至少 120 秒,仍需保留进程身份与端口归属校验。

8. 启动后运行项目自带验证脚本,保存一张验证截图。确认皮肤已生效、输入框和按钮可以交互、Codex 原有配置仍在、恢复脚本可用。

9. 创建清楚命名的启动和恢复快捷方式。告诉我固定安装目录、采用的提交 SHA、测试结果、备份位置、日志位置、验证截图位置、日常启动方式和恢复命令。

10. 如果最新版仓库已经修复历史问题,优先使用最新版主分支;如果主分支测试仍然失败,不要盲装,也不要用删除配置、关闭安全校验等方式绕过失败。

安装完之后,会在桌面给我们生成两个文件。

以后从桌面的 Codex Dream Skin.lnk 启动就会加载皮肤。恢复官方外观时运行 Codex Dream Skin – Restore.lnk。

 

03. 挖一挖

 

换皮肤这件事,感觉还是很有商业价值的。

Codex-ream-Skin 不会让 Codex 多写一行好代码,却会影响我愿不愿意每天盯着这个界面工作。

AI 编程工具的使用时间越来越长,用户也开始关心模型之外的体验。

Prompt、Skill 和 MCP 负责定制工作方式,主题负责定制使用感受。IDE、浏览器和笔记软件都走过类似的路,核心功能稳定以后,插件、模板和主题会慢慢形成自己的创作者市场。

Codex-Dream-Skin 目前跑通了一条很有意思的流程:用户提供图片,Codex 负责替换背景、调整配色并验证效果,整个过程几乎不需要理解 CSS。

继续往前做,主题编辑器、主题商店、版本适配和素材授权都有收费空间。对个人开发者来说,这可能是一门体量不大、却离用户很近的生意。

当 AI 编程工具每天陪人工作几个小时,界面也会进入产品价值的计算范围。

原文链接:GitHub 狂揽 6K Stars,给 Codex 换个好看的皮肤

购物车
滚动至顶部