原创 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