开源一天狂揽4.4K Star！这个项目让你的 Codex 美到窒息！

最近刷GitHub，一个项目突然闯进我的视野——Codex Dream Skin。

我一开始没太在意，以为又是哪个换肤插件。但当我看到它的 Star 数时，彻底惊了：4.4K Star，全部来自上线后24小时内。

VS Code最流行的主题之一One Dark Pro用了数年才积累到百万Star，而这个项目一天就拿到了4.4K。

这不是产品驱动增长——这是社区情绪驱动增长。

我花了一下午研究这个项目，终于明白为什么它能爆火。

为什么 Codex 需要换肤？

在聊项目之前，我们得先理解一个痛点：Codex的UI定制能力几乎为零。

作为 OpenAI 推出的 AI 编程桌面端，Codex 的功能确实很强，但在个性化方面却非常保守：

• • 没有插件系统 → 不能装主题
• • 没有主题商店 → 不能换皮肤
• • 没有CSS自定义 → 不能改字体/颜色/布局
• • 唯一能改的：深色/浅色模式

这就像买了一辆顶级跑车，却只能选黑白两种颜色。对于每天要面对编辑器 8 小时以上的开发者或者创作者来说，这种单调简直是折磨。

也总听一些人吐槽："Codex功能再好，看久了也审美疲劳"、"要是能自定义背景就好了"、"想给我的AI编程伙伴换件衣服"。

这些吐槽，就是Codex Dream Skin的切入点。

项目简介

Codex Dream Skin是一个给 Codex 桌面端换肤的外部工具。

它的核心思路很巧妙：通过 本机CDP（Chrome DevTools Protocol） 向 Codex 窗口注入 CSS 和装饰性 DOM，实现侧栏、建议卡、项目选择等区域的视觉换肤。

关键是，它不修改官方.app、app.asar或代码签名，属于纯外部注入方案。

简单来说，就是给你的 Codex 套一层"滤镜"，让它看起来焕然一新，但内核还是原装的。

核心功能

真·可交互，不是假截图

很多换肤工具都是把界面截个图，然后贴个背景上去，交互完全失效。但Codex Dream Skin不一样：

• • 侧栏是原生控件，点击正常响应
• • 建议卡可以正常滚动、点击
• • 项目选择下拉框完全可用
• • 输入框照常输入

这才是真正的换肤，而不是"贴墙纸"。

换一张图，就能变个主题

项目提供了多种主题效果：

• • 🎨 粉系定制：清新少女风，适合喜欢柔和色调的开发者
• • 🧧 财神打工版：红红火火，适合本命年或想讨个好彩头的朋友
• • 🚀 红白科幻：赛博朋克风格，科技感拉满
• • 💎 清透定制：简约清新，玻璃拟态效果
• • 🌌 灵感小宇宙：星空背景，激发创作灵感
• • 🌙 紫夜限定：神秘紫色调，适合夜间编码
• • 🎤 初音未来：二次元风格，粉丝狂喜
• • 🖤 舞台黑金：高级感十足，适合追求质感的开发者

而且你完全可以自定义背景图，把喜欢的照片放上去，打造独一无二的主题。

一键恢复，无后顾之忧

担心换肤后出问题？Codex Dream Skin提供了一键恢复功能，随时可以还原成官方外观，零风险试错。

技术原理

Codex的桌面端基于Electron，本质上是一个Chromium窗口。这就给了开发者可乘之机——通过Chrome DevTools Protocol可以注入任何CSS和DOM元素。

工作流程是这样的：

用户运行脚本
    │
    ▼
启动 Codex Desktop + 本机 CDP（127.0.0.1）
    │
    ▼
通过 CDP 连接 Codex 的 Chromium 渲染进程
    │
    ├──→ 注入 CSS（覆盖主题样式）
    │
    └──→ 注入装饰 DOM（背景图、宠物等）
    │
    ▼
Codex 正常运行，但 UI 被"换肤"

这种方案的优点是：

• • 安装简单（双击脚本即可）
• • 不破坏官方文件
• • 一键恢复方便

当然也有缺点：如果Codex更新了DOM结构，注入的CSS选择器可能会失效。不过项目团队已经在积极维护，确保兼容性。

快速上手

项目支持 macOS 和 Windows 两种平台，安装方式都很简单。

macOS用户

1. 1. 打开终端，进入项目目录的macos文件夹
2. 2. 双击运行 Install Codex Dream Skin.command
3. 3. 按照提示完成安装
4. 4. 运行 start-dream-skin.sh 启动换肤后的Codex

详细步骤可以查看项目的 https://github.com/Fei-Away/Codex-Dream-Skin/blob/main/macos/README.md

Windows用户

1. 1. 打开PowerShell
2. 2. 运行 scripts/install-dream-skin.ps1 安装
3. 3. 运行 start-dream-skin.ps1 启动

详细步骤可以查看项目的 https://github.com/Fei-Away/Codex-Dream-Skin/blob/main/windows/SKILL.md

恢复官方外观

如果想恢复原样，只需运行对应的restore脚本：

• • macOS：restore.sh
• • Windows：restore.ps1

如果你也厌倦了Codex单调的界面，不妨试试Codex Dream Skin。

换一张喜欢的图，让写代码也能有氛围感。

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

如果本文对您有帮助，也请帮忙点个 赞👍 哈！❤️

在看你就赞赞我！