原创 Codex 皮肤 · 本地主题 · 无需注册

好看、好用的 Codex 皮肤。

先浏览原创 Codex 皮肤灵感,了解清晰可读的本地主题如何制作;准备好后,再动手做自己的皮肤。图片不会上传。

图片不上传对比度检查导出仅包含数据
Codex · Graphite TerminalLIVE

皮肤效果 · 实时预览

让工作界面更舒服。Codex 原有的按钮和菜单保持清晰,背景只负责点缀。
Ask Codex to build, review or explain…↑
3种界面状态可预览
7个文件可逐项检查
0张图片会上传到本站

四步完成一套皮肤

好看的皮肤,也得好用、好恢复。

除了背景图好看,还要保证阅读区清楚、对比度够用、导出内容看得懂,并且随时能恢复。

  1. 01

    先确认图片能不能用

    优先使用自己的作品或已获授权的图片。横向大图更容易给界面留出裁切空间。

  2. 02

    给正文和侧栏留出空间

    把视觉主体移开侧栏和正文,再调整背景亮度、模糊和面板透明度。

  3. 03

    首页、任务和 Diff 都要看

    别只看首页。进行中的任务和密集的代码差异,更容易暴露可读性问题。

  4. 04

    先检查,再应用

    先看清单、图片、配色和校验值;再用你信任的本地工具,并提前确认怎么验证和恢复。

不只好看,也要好用

一套皮肤,能不能长期用?

不只看最终截图;更重要的是,真实工作时能不能一直看得清、用得顺。

预览和导出保持一致

制作器里的裁切位置,会直接用于导出的 WebP 背景图。

提前检查文字看不看得清

下载前按 WCAG 标准检查文字色和强调色的对比度。

导出内容一项一项看得见

清单、主题设置、背景、预览和 SHA-256 校验值都会分别保存。

不把 ZIP 说成一键安装器

浏览器只负责制作配方;要应用到 Codex,还需要单独审阅本地工具。

应用前先了解限制

同一套皮肤,不同平台用法不同。

制作器负责准备图片和参数;真正应用到 Codex,要靠单独审阅过的本地工具。

不使用注入器

只用配色

把这里的颜色当作外观设置的参考。背景图片需要额外的皮肤工具。

  • 不打开本地调试会话
  • 恢复最快
  • 不使用背景图片
macOS

Dream Skin Studio

Mac 上的上游工具可选择用户图片,并提供安装、启动、验证和恢复。

  • 支持使用自己的图片
  • 验证 Codex 是否正常
  • 提供启动、验证和恢复入口
Windows

Dream Skin 脚本

Windows 版上游流程支持安装、启动、检查和恢复;具体图片支持以当前说明为准。

  • PowerShell 脚本
  • 通过截图检查效果
  • 自定义图片支持可能和 macOS 不同

图片不离开浏览器

你的图片,始终留在浏览器里。

选图、解码、裁切、配色检查、WebP 和 PNG 预览、哈希计算以及 ZIP 导出,全部在当前浏览器本地完成。

你的图片
你的浏览器
导出的配方

网站可能会加载常规访问统计脚本,但不会因为制作或导出而把你选择的图片发送到服务器。

先把大家最关心的问题说清楚

Codex Skin Maker 常见问题

这里集中说明隐私、安装、兼容性、图片权利、导出内容和非官方 Dream Skin 的使用方式。

Codex Skin 是给 Codex 桌面端用的非官方视觉样式。Dream Skin 会通过本机调试会话应用 CSS 和装饰元素,同时尽量不影响 Codex 原有控件的使用。

不会。图片的解码、预览、裁切、编码、哈希和打包都在浏览器中完成,本站不会为了这些操作把文件上传到服务器。

不能。ZIP 是可以检查的数据包,不是安装程序。请使用你信任的 Dream Skin 工具,并按对应平台的说明安装、验证和恢复。

本站不会修改 Codex。参考的开源 Dream Skin 项目说明,其方案不会编辑官方 app bundle、app.asar、WindowsApps 或代码签名,而是使用本机 CDP 注入。

当浏览器能够解码时,工作台接受最大 20 MB 的 JPEG、PNG、WebP 和 AVIF。为了更广泛的浏览器兼容性,PNG、JPEG 或 WebP 是更稳妥的选择。

主题在截图里好看,不代表任务文字、控件或 Diff 也看得清。制作器会检查普通文字 4.5:1、强调控件 3:1 的对比度目标。

配方结构可以复用,但你必须拥有背景图片、人物、角色、Logo 和品牌元素的相应权利。个人使用并不自动授予公开再分发权。

不是。Codex Skin Maker 是独立的非官方工具。OpenAI、Codex 及相关名称和商标归各自权利人所有。

从一张图片开始

好看的皮肤,也该让人用得舒服。

做一套清晰、耐看的 Codex 皮肤;导出前检查内容,应用前确认恢复方法。

打开 Codex Skin Maker