从某个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
返回