AIGC2D
V2EX  ›  OpenAI

[开源] CodeDrobe Theme:用一张参考图给 Codex / WorkBuddy 生成自定义皮肤

  •  1
     
  •   AIGC2D · Jul 16 · 1726 views
    This topic created in 32 days ago, the information mentioned may be changed or developed.

    最近 Codex 换皮肤在抖音、闲鱼挺火,甚至看到有人把一套 Codex 皮肤标价 199 元。

    这说明自定义界面确实有需求,但我们更想把它做成一套可复用、可维护、可以让 AI 直接操作的开源工具

    所以最近把 CodeDrobe 的主题运行时、应用适配器和 Agent Skill 重新整理了一遍。现在 codedrobe-theme 不再只支持 OpenAI Codex ,也支持腾讯 WorkBuddy 。

    项目目前全部开源。

    CodeDrobe 在 Codex 和 WorkBuddy 中的自定义皮肤效果

    它能做什么

    安装 Skill 后,可以直接给 AI 一张参考图片,然后告诉它:

    参考这张图片,帮我生成一个 Codex 皮肤。保留原生交互,生成可移植的主题包,并在真实应用中验证首页和会话页。

    也可以直接要求:

    把这套视觉风格同时做成 Codex 和 WorkBuddy 皮肤。

    Skill 会完成这些工作:

    • 分析参考图的配色、材质和视觉元素
    • 分别读取 Codex / WorkBuddy 的实时界面结构
    • 为两个应用生成各自的主题 CSS
    • 把共享图片和应用专属样式打包成 .codedrobe-theme
    • 在真实应用中应用主题并截图验证
    • 应用更新导致主题错位后,重新分析 DOM 并修复
    • 随时移除主题并恢复原生界面

    一个主题包可以同时包含 Codex 和 WorkBuddy 两套目标样式,不需要为每个应用复制一套 Skill 。

    安装

    安装 codedrobe-theme Skill:

    npx skills add CodeDrobe/skills \
      --skill codedrobe-theme \
      --global \
      --agent codex \
      --yes
    

    安装运行时:

    npm install --global @codedrobe/core
    codedrobe apps
    

    这里的 --agent codex 表示把 Skill 安装给 Codex Agent ,并不表示只能给 Codex 换肤。

    真正的目标应用由运行时参数决定:

    codedrobe apply --app codex --theme /absolute/theme.codedrobe-theme
    codedrobe apply --app workbuddy --theme /absolute/theme.codedrobe-theme
    

    从参考图片到 Codex 和 WorkBuddy 双应用主题的完整流程

    实现方式

    CodeDrobe 不会修改应用的 app.asar,不会替换或者重新签名官方应用。

    底层通过只监听 127.0.0.1 的 Chromium DevTools Protocol 注入可恢复的 CSS 。

    主题不是一张覆盖在窗口上的截图。Skill 会从保护隐私的实时 DOM 快照中选择语义节点,分别处理侧边栏、首页、会话区、输入框和其他原生控件。

    项目目前分成几个仓库:

    • Skills:Agent 工作流、参考文档和主题模板
    • Core:CLI 、CDP 、应用适配器、主题包校验和恢复
    • Desktop:图形化主题管理器

    当前限制

    目前内置应用适配器只有:

    • OpenAI Codex
    • Tencent WorkBuddy

    应用更新后,DOM 结构仍然可能变化,所以主题必须经过实时快照、应用和截图验证,不能只根据静态 CSS 判断兼容性。

    主题发布功能暂时没有开放。在认证、主题所有权、审核和撤销机制完成之前,不会提供临时的上传接口。

    开源地址

    CodeDrobe Skills:

    https://github.com/CodeDrobe/skills

    CodeDrobe Core:

    https://github.com/CodeDrobe/core

    官网:

    https://codedrobe.app

    Skills 和 Core 使用 Apache License 2.0 。

    目前主要想听听大家对这几个问题的意见:

    1. 同一主题包支持多个 AI 桌面应用,这个设计是否有实际需求?
    2. 除了 Codex 和 WorkBuddy ,下一个值得适配的软件是什么?
    3. 主题包格式、应用适配器和安全边界还有哪些需要补充?

    欢迎试用、提 Issue ,或者直接参与适配器开发。

    Supplement 1  ·  Jul 19
    最新支持了 Trae Work , QcoderWork

    已经支持 4 个了,Codex, WorkBuddy, Trae Work ,QcoderWork
    4 replies    2026-07-20 12:16:56 +08:00
    zlo309618100727
        1
    zlo309618100727  
       Jul 17
    重启之后,主题没有注入,这种只能通过修改启动参数来解决吗
    AIGC2D
        2
    AIGC2D  
    OP
       Jul 17
    @zlo309618100727 是的,codex 重启皮肤会消失,需要通过 CDP 重新启动注入主题
    etnperlong
        3
    etnperlong  
       Jul 17
    昨天看到有主题正想着自己做一个,谢谢 OP 了,周末让我把玩把玩
    AiBoy
        4
    AiBoy  
       Jul 20
    谢谢分享!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   942 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 21:07 · PVG 05:07 · LAX 14:07 · JFK 17:07
    ♥ Do have faith in what you're doing.