← 博客

博客 · 教程

让 Codex 给自己做主题:codex-skill 方案

2026 年 7 月 16 日

Dream Skin 不再是给 Codex 桌面端换肤的唯一路线。社区发现了第二种、颇有些"套娃"美感的玩法:你只需要对 Codex 说一句话,它自己装 skill、自己设计主题、自己应用验收,最后交给你一个可分享的主题文件。

整个安装过程就是一句话

打开 Codex 桌面端,把这句粘进输入框(把"功夫女足"换成你想要的任何风格):

CodeDrobe/codex-skill 帮我装一下这个 skills,然后用这个 skills 创建一个功夫女足的主题

走红推文里的真实过程——5 分钟,零终端操作:

CodeDrobe/codex-skill 帮我装一下这个 skills,然后用这个 skills 创建一个功夫女足的主题
已处理 5m 13s,已完成:
  • ✅ 已安装 CodeDrobe/codex-skill
  • ✅ 已创建并注册"功夫女足"深色水墨主题
  • ✅ 已写入基础配色配置,并保留恢复备份
  • ✅ 已导出可分享的 kungfu-womens-football.codex-theme
  • ✅ 主题包结构、manifest、CSS 和内嵌图片导出验证通过

这一句话背后发生了什么

1
你说一句话在 Codex 输入框里
2
Codex 自己装 skillnpx skills add … 它自己跑
3
抓取 DOM 快照对着你正在运行的真实界面
4
生成配图 + CSS锚定在快照的真实结构上
5
probe → apply → 截图验收实机渲染不通过不算完成
6
导出主题文件.codedrobe-theme + 恢复备份

CodeDrobe 是什么

CodeDrobe 是一个开源项目(Apache 2.0),提供可安装的 agent skills,用于在 Chromium/Electron 架构的 AI 桌面应用里创建和管理可逆主题——Codex 就在支持之列。你不需要自己跑一个外部换肤引擎,而是把这门手艺教给 Codex,整个活儿委托给它。

在社区走红的工作流是这样的:用户装上 skill 后输入"帮我装一下这个 skills,然后用这个 skills 创建一个功夫女足的主题"。五分钟后,Codex 生成了画面方向、注册了"功夫女足"深色水墨主题、写入配色并保留恢复备份,最后导出了可分享的 .codex-theme 文件。

手动安装(可选——上面那句话里 Codex 会替你做)

想自己动手的话,这就是那句话背后 Codex 实际执行的两条命令:

npx skills add CodeDrobe/skills --skill codedrobe-theme --global --agent codex --yes
npm install --global @codedrobe/core

之后换肤就是聊天:试试"给这个应用创建一套赛博朋克夜景主题并应用",或者直接丢给它一张你喜欢的图。运行时还提供 CLI 命令——codedrobe probe / apply / verify / restore——agent 做的每一步都可检查、可回退。

为什么它的效果贴合度这么高:快照驱动的 CSS

这是真正拉开差距的架构差异。预写式主题引擎把 CSS 选择器硬编码在某个特定 Codex 版本上——OpenAI 一更新界面,选择器就落空,出现文字重影、卡片消失、色块残留(Dream Skin 项目自己的 issue 区也承认这个失效模式)。

CodeDrobe 把顺序反过来:创建主题时先对你正在运行的 Codex 抓取一份隐私安全的 DOM 快照,从快照里挑选语义锚点,然后才写 CSS。接着跑 probe → apply → 截图 → 修复的闭环,实机渲染通过之前不允许宣称成功。你的主题出生时就是为你手上这个版本量身定制的——第一天就不存在"过时"这回事。

Dream Skin vs codex-skill:怎么选?

Dream Skin(本站画廊背后的引擎)是"图片优先":你带一张图来,它变成整窗氛围——横幅、背景、毛玻璃层,控制粒度到像素。当你想要的效果始于一张具体的图时,选它。

codex-skill 路线是"提示词优先":你描述一种感觉,让模型来设计。它的强项是快速迭代("暖一点"、"对比再强些")、导出可分享的 .codex-theme 文件,以及那种 AI IDE 给自己穿衣服的优雅。它同样需要开调试端口,所以适用于一切 CDP 方案的安全注意事项对它同样适用。

两者可以组合:先用 codex-skill 生成概念,截图你喜欢的效果,再把图交给 Dream Skin 引擎做完整处理——反过来也行。

安全提示

和 Dream Skin 一样,CodeDrobe 通过本机调试接口工作,改动可逆、有备份、带 restore 命令。同样的规矩:端口只在 localhost、用完还原、只安装你读过源码的仓库里的 skill。想深入了解威胁模型,看我们的 CDP 安全性长文。

相关阅读:CDP 注入安全吗? · CodeDrobe/skills ↗

更喜欢"图片优先"的路线?

浏览皮肤画廊