生成器 · 免费 · 浏览器本地运行
一张图进,一套皮肤出
跟着四步走,带走一套画廊级的 Codex 皮肤。图片全程不离开你的浏览器。
1
生成主题图
复制这段提示词,丢给 Midjourney / 即梦 / DALL·E 生成图片(之后会支持接 API 一键生成)。第 3 步改字段时提示词会实时更新:
2
把生成的图拖进来
⚠ 图片宽度不足 1600px——仍然可用,但更宽的图会更清晰。
3
个性化定制
配色与外壳已根据图片自动设置——点击可调整。
◉ 我的 Dream SkinCODEX DREAM SKIN
DREAM SKIN ONLINE
◉ 选择项目
</> 探索并理解代码
✦ 构建新功能、应用或工具
☰ 审查代码并提出修改建议
⚒ 修复问题和失败
◉ 随心输入,让灵感陪你一起写代码吧~ ⚡ 5.6 Sol 中↑
按引擎首页外壳忠实复刻的预览:全窗背景、左幕横幅、装饰卡片、浮动粒子、手写引言——这里的每个元素都是 676 行引擎真实渲染的内容。
4
安装到 Codex
第 1 步 — 先把处理好的图片存到「下载」文件夹:
含图片 + macOS / Windows 中英双语安装说明。 Windows:上游引擎暂不支持选图定制——ZIP 里附了你的图片和替换 windows/assets 的步骤说明。
方式 A — 让 Codex 帮你装(推荐,零终端操作)
把这段提示词粘贴到 Codex 桌面端。Codex 会自己克隆引擎、安装、应用皮肤、重启一次并给你看验收截图:
方式 B — 手动,两条终端命令
先安装免费开源的 Dream Skin 引擎(只需一次)。若结尾报 "missing theme.json" 属正常——主题会在下一条命令中创建:
然后应用你的皮肤(如果桌面快捷方式没建出来,之后重跑一次上面的安装命令即可):
不想要了?一条命令还原官方外观:
~/.codex/codex-dream-skin-studio/scripts/restore-dream-skin-macos.sh --restore-base-theme --restart-codex 渲染有问题?让 Codex 自己修复皮肤
引擎适配的是特定 Codex 版本——如果你的版本出现文字重影、建议卡消失、某区域变色块等问题,把这段粘贴给 Codex,它会针对你的真实界面结构修好 CSS:
我的 Mac 已通过 Codex Dream Skin(引擎目录 ~/.codex/codex-dream-skin-studio)安装了主题,注入已生效,但在我当前的 Codex 版本上有渲染适配问题:
【在这里描述你看到的问题,例如:横幅文字重影 / 建议卡不可见 / 某个区域变成色块】
请阅读引擎目录内的 assets/dream-skin.css 与 scripts/injector.mjs,通过引擎的本机 CDP 端口检查当前首页真实 DOM,修复相关 CSS 选择器与布局适配。只修改引擎目录内的文件,不碰官方 .app、app.asar 或代码签名,保证 Restore 仍可一键还原。修复后运行 scripts/verify-dream-skin-macos.sh --reload --screenshot 并把截图给我看。 引擎: Fei-Away/Codex-Dream-Skin ↗ · 完整安装教程 →
比起图片更喜欢用提示词?还有一种玩法:让 Codex 自己给自己设计主题 —— codex-skill 方案 →