2. Linux.do
  3. 从某个codex-skin项目思路发散开来，这客户端岂不是随便定制？

从某个codex-skin项目思路发散开来，这客户端岂不是随便定制？

kvchiu 2026-07-16 13:51 1

修改主题样式，核心是cdp注入


可以先让codex放开f12来找class



思路来自今天一个比较火的项目，没用他项目本身，而是让codex学会原理之后本地重新复现

最新回复 (5)
  • kvchiu 楼主 07-16 14:00
    1楼

    对话记录



    
[skin项目github链接]
    

    
分析这个项目的技术路线
    

    



    
我的用户文件夹的project文件夹里面新建一个目录codex-skin-trial，复刻这个技术路线。先把基本脚本写出来，资源用占位符，等后续启动的时候指定
    

    



    
生成一个初音未来风格的资源文件夹，放在刚才的实验目录下面，如果需要生成图片，调用生图技能
    

    



    
开启当前codex的chrome 开发者工具，我需要选择元素
    

    



    
[粘贴选中的元素]
    

    
xxxx（描述需求）
  • kvchiu 楼主 07-16 14:07
    2楼

    任务对话



    主chatbox



    侧边chatbox



    项目对话



    启动


    基于命令行 cdp注入


    cd ~/project/codex-skin-trial
    
./scripts/restore-codex-skin.sh
    
./scripts/start-codex-skin.sh \
    
  --image ./themes/hatsune-miku/background.png \
    
  --theme ./themes/hatsune-miku/theme.json

    不想用了正常打开即可


  • wpy 07-16 14:23
    3楼

    腾讯：这套我熟啊，Workbuddy 豪华SVIP会员明天就上线。

  • kvchiu 楼主 07-16 16:51
    4楼

    你在 macOS 上工作。请一次性完成 Codex Desktop 的本地换肤 Demo，并开启可检查元素的 Chrome DevTools。


    目标：



    1. 不修改官方 Codex.app、app.asar、签名或 WindowsApps。

    2. 仅通过 Chromium DevTools Protocol（CDP）做本地 CSS/DOM 注入。

    3. 使用一张初音未来风格背景图，做深海蓝玻璃、青绿主色、紫色辅助高亮的美化 Demo。

    4. 保留 Codex 所有原生控件交互；不得使用整屏截图覆盖 UI。

    5. 最后打开连接当前 Codex renderer 的 Chrome DevTools，确保元素选择器可用。


    项目位置：

    ~/project/codex-skin-trial


    现有关键文件：



    • assets/skin.css：主题 CSS

    • scripts/injector.mjs：CDP 注入器

    • scripts/start-codex-skin.sh：启动器

    • scripts/restore-codex-skin.sh：恢复脚本

    • themes/hatsune-miku/background.png：背景图

    • themes/hatsune-miku/theme.json：主题变量


    执行要求：



    • 先检查现有项目文件，不要无故重建或覆盖可用脚本。

    • 将 Codex CDP 仅绑定到 127.0.0.1。

    • 启动参数必须包含：

      –remote-debugging-address=127.0.0.1

      –remote-debugging-port=<可用端口>

      –remote-allow-origins=devtools://devtools

    • 优先复用 Codex 内置、已签名的 Node runtime，不依赖全局 Node。

    • 注入时仅匹配 app:// renderer，并确认存在 Codex shell / composer / sidebar 等 DOM 标识。

    • CSS 要处理：主文字、侧栏、composer、加号/麦克风 SVG、dropdown/popover、项目选择器、首页建议卡、diff 新增/删除语义色、side-thread ASIDE 与其 tab。

    • 不要用全局纯白文字粗暴覆盖一切；代码块、diff、状态色、图标需保留或明确恢复语义色。

    • 去除 Codex light shell 留下的顶部/底部白色渐变遮罩。

    • CSS 改完后重启 injector，进行一次真实 DOM 校验。


    DevTools：



    • 通过 http://127.0.0.1:/json/list 获取最新 app:// target。

    • 使用 Google Chrome 打开：

      devtools://devtools/bundled/inspector.html?ws=127.0.0.1:/devtools/page/

    • 在打开前验证 devtools://devtools origin 的 WebSocket 握手返回 HTTP 101。

    • 如果当前 Codex 未带 remote-allow-origins 参数，先说明需要重启；不要使用 --remote-allow-origins=*。


    完成后请简洁报告：



    1. 修改了哪些文件；

    2. 当前主题启动命令；

    3. 恢复命令；

    4. DevTools 是否已成功连接；

    5. 已知仍可能受 Codex UI 更新影响的 selector。

  • kvchiu 楼主 07-16 16:51
    5楼

    总结了一个oneshot prompt


    有兴趣的佬友可以帮忙测一下，5.6-terra-high测试通过

* 帖子来源Linux.do
附近帖子
返回
飞读
随机推荐