保留安静区域
让复杂主体避开任务正文、侧栏和输入框。
Codex 皮肤效果示例
这五个 Codex 皮肤案例展示主体位置、亮度和纹理如何影响真实工作区。建议参数只是起点，请用自己的图片检查文字、控件和 Diff 是否清楚。
红白科幻高对比
适合：醒目的欢迎页
构图：让最亮的主体避开中央任务正文。
Studio 起始参数：可以从 38% 遮罩和 1–2px 模糊开始。
数字流行活力
适合：创意工作
构图：在左侧或右侧保留安静区域，避免高饱和图形压住控件。
Studio 起始参数：可以从 42% 遮罩和 2px 模糊开始。
湖畔专注平静
适合：长时间编码
构图：让地平线围绕工作区，不要穿过文字密集的面板。
Studio 起始参数：可以从 30% 遮罩和 0–1px 模糊开始。
财神打工角色
适合：人物插画
构图：把面部避开侧栏、输入框和主要按钮。
Studio 起始参数：可以从 40% 遮罩和 1–3px 模糊开始。
灵感小宇宙插画
适合：彩色插画
构图：在任务正文和 Diff 区域周围保留更宽的安静空间。
Studio 起始参数：可以从 44% 遮罩和 2–4px 模糊开始。
这里是效果示例，不是皮肤下载市场。
图库提供的是视觉参考，不代表图中素材已获得再次分发许可。CodexSkin 只会用你拥有或获准使用的图片制作私人安装包，不会发布你的图片或生成的 ZIP。
围绕工作内容选择图片。
先调暗，再模糊
先降低亮度，只有纹理仍然干扰文字时才增加模糊。
检查三个界面
同时预览 Home、Task 和 Diff，不只看欢迎页。
保留恢复入口
每个生成包都包含回到 Codex 官方外观的恢复路径。
从图片到安装包
制作 Codex 主题前，完成四项检查。
真正好用的皮肤不能只在欢迎页好看，还要保护最常阅读和点击的区域。
- 从清晰的 16:9 图片开始。Studio 支持最大 50 MB 的 PNG、JPEG 和 WebP，并在本地生成 2560 × 1440 背景图。
- 移动视觉焦点。让人物、Logo 和复杂主体避开侧栏、中央任务正文和输入框。
- 有目的地设置可读性。先提高遮罩，再加入刚好足够的模糊；画面复杂时打开安全区域辅助线。
- 检查全部三个视图。分别查看 Home、Task 和 Diff，再选择 macOS 或 Windows 并生成 ZIP。
简单配色与沉浸皮肤是两条路径。
只改颜色和字体时，使用 Codex 原生外观设置。需要背景图和半透明界面时，再使用开源 Dream Skin 引擎。
选择合适的方式
使用 Codex 原生外观，还是图片皮肤？
| 需求 | Codex 原生外观 | Codex Dream Skin 安装包 |
|---|---|---|
| 颜色和字体 | 最合适 | 可以作为视觉皮肤的一部分 |
| 自定义背景图 | 不是对应方案 | 最合适 |
| 额外本机代码 | 不需要 | 需要开源引擎和安装脚本 |
| 平台安装包 | 不需要 | 分别生成 macOS 或 Windows ZIP |
| 恢复正常外观 | 重置外观设置 | 使用安装包自带的 Restore |
如果只需要颜色和字体，优先使用原生方式。只有确实需要背景图和半透明视觉层时，再选择会运行额外本机引擎的 Dream Skin。
Codex 主题常见问题
制作皮肤前需要知道的事
集中说明兼容性、图片要求、下载预期和移除方法。
这些 Codex 皮肤示例可以直接下载吗？
这些图片用于展示构图与可读性，不是可下载主题市场。请使用你拥有或获准使用的图片，再通过 CodexSkin Studio 在本地制作私人安装包。
如何制作自己的 Codex 皮肤？
在 Studio 选择 PNG、JPEG 或 WebP，设置焦点、可读性遮罩和模糊，预览 Home、Task、Diff，然后在浏览器本地生成 macOS 或 Windows ZIP。
Codex 皮肤支持 Mac 和 Windows 吗？
支持。CodexSkin 会分别生成 macOS 和 Windows 安装包。Windows 需要 Node.js 22 或更高版本；macOS 安装器会校验 Codex 官方应用自带的运行时。
制作 Codex 皮肤用多大的图片最好？
清晰的 16:9 图片最合适，因为 Studio 会准备一张 2560 × 1440 背景图。支持最大 50 MB 的 PNG、JPEG 和 WebP。
如何保证 Codex 主题中的文字清楚？
让复杂主体避开侧栏、任务正文和输入框。先增加遮罩，再少量增加模糊，并分别检查 Home、Task 和 Diff。
如何移除自定义 Codex 皮肤？
使用生成包中的 Restore 入口。它会停止皮肤会话，并以正常外观重新打开 Codex。
制作你愿意长期使用的主题。
预览自己的图片，在本地生成完整安装包。