自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程

AI教程3周前發佈新公告 AI管理員
0 0

今天發點適合個性化 Codex 的東西。

Codex 用起來很順手,但界面基本由官方決定。每天打開很多次,久了總覺得少點自己的東西。

正好,我在 GitHub 上看到了 Codex-Dream-Skin。截至改稿時,倉庫頁面已經顯示約 6K Stars。

我直接裝上試了一遍,先看效果。

自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程 自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程

 

01. 項目實測

 

這個項目內置了 8 個主題,大家可以直接叫 Codex 替換:

自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程

當然,如果我們想自定義風格也可以,直接給一張圖給 Codex,然後告訴它:

提示詞:用這張換 Dream Skin 背景

圖的比例最好接近 16:10,推薦 1586×992,人物或主體放在中間偏右,儘量少帶文字,避免裁切後出現殘缺文字,PNG 格式效果最好。

我直接用挖挖來試試,給一張挖挖的圖:

提示詞:用這張換 Dream Skin 背景

自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程

然後 Codex 會自動處理一些小細節:

自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程

我對顏色不是很滿意,可以繼續讓 Codex 改:

提示詞:把 Dream Skin 主題顏色改的更接近挖挖的配色。

自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程這下就成我個人的定製版 Codex 了。

 

02. 項目簡介

 

Codex-Dream-Skin 是一套 Codex 桌面端第三方換膚工具。項目通過本機 Chrome DevTools Protocol 連接 Codex 的渲染層,注入 CSS、圖片和少量裝飾節點。官方應用、app.asar、WindowsApps 目錄和代碼簽名保持原樣。

項目地址:https://github.com/Fei-Away/Codex-Dream-Skin

Codex-Dream-Skin 的效果包括:

  • 替換首頁橫幅和任務頁背景

  • 重做側欄、建議卡、項目選擇區和輸入框樣式

  • 添加毛玻璃、粒子、品牌文字等裝飾

  • 保留 Codex 原生按鈕、輸入框、菜單和任務內容的交互

  • 驗證主題是否生效,並生成截圖

  • 停止注入,恢復官方外觀

自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程

換完皮膚,功能不會被影響,側欄、建議卡、項目選擇器和輸入框都保留 Codex 原生交互,點擊、輸入、切換項目不受影響。

想換個心情,替換一張背景圖就能生成新的主題。看膩了,運行恢復腳本即可回到官方外觀。

安裝時,把這個提示詞發給Codex就行:

提示詞:

請幫我在當前電腦安裝 GitHub 項目 Fei-Away/Codex-Dream-Skin:

https://github.com/Fei-Away/Codex-Dream-Skin

目標:完成安裝、啓動和驗證,同時保留一鍵恢復官方外觀的辦法。請直接執行安全、可逆的步驟,不要只給教程。

執行要求:

1. 先識別 Windows 或 macOS,再閱讀倉庫最新版 README、對應平台文檔、安裝腳本和測試。檢查倉庫當前分支、未合併 PR 與已知問題,不要假定舊命令仍然有效。

2. 檢查前置條件。Windows 需要官方 Microsoft Store 版 Codex、Node.js 22 或更高版本,並且 Codex 至少啓動過一次;macOS 需要官方 Codex.app,並按倉庫文檔使用項目提供或認可的 Node 運行時。缺少依賴時先安裝可信官方版本。

3. 把項目放到不會被隨手刪除或移動的固定目錄。安裝後生成的快捷方式可能依賴該目錄,不能使用臨時目錄。

4. 安裝前確認 Codex 已關閉。若當前助手運行在 Codex 內,不要強行結束當前會話;先下載、檢查、測試並製作一鍵收尾腳本或桌面快捷方式,再讓我關閉 Codex 後運行。

5. 安裝前備份 `~/.codex/config.toml`。不得顯示、上傳或改寫 API Key、Base URL、登錄憑據、`auth.json` 以及無關配置。不得修改 WindowsApps、`app.asar`、應用簽名或系統安全設置。

6. 先運行項目對應平台的測試。Windows 請使用 Windows PowerShell 5.1 再跑一遍 `windows/tests/run-tests.ps1`,並檢查相關 JavaScript 文件語法。測試失敗時停止安裝,先定位原因;如需採用未合併修復,只選擇與故障直接相關的最小改動,記錄 PR、提交 SHA、本地補丁和測試結果。

7. 按倉庫最新版命令安裝並啓動。Windows 啓動器必須通過已註冊的 Microsoft Store 應用身份啓動 Codex,不能直接執行 WindowsApps 目錄中的程序。調試端口只能監聽 `127.0.0.1` 或 `::1`,不能暴露到局域網。首次啓動或應用剛更新時應給 CDP 驗證預留至少 120 秒,仍需保留進程身份與端口歸屬校驗。

8. 啓動後運行項目自帶驗證腳本,保存一張驗證截圖。確認皮膚已生效、輸入框和按鈕可以交互、Codex 原有配置仍在、恢復腳本可用。

9. 創建清楚命名的啓動和恢復快捷方式。告訴我固定安裝目錄、採用的提交 SHA、測試結果、備份位置、日誌位置、驗證截圖位置、日常啓動方式和恢復命令。

10. 如果最新版倉庫已經修復歷史問題,優先使用最新版主分支;如果主分支測試仍然失敗,不要盲裝,也不要用刪除配置、關閉安全校驗等方式繞過失敗。

安裝完之後,會在桌面給我們生成兩個文件。

自定義 Codex 主題 – Codex-Dream-Skin 換膚工具完整教程

以後從桌面的 Codex Dream Skin.lnk 啓動就會加載皮膚。恢復官方外觀時運行 Codex Dream Skin – Restore.lnk。

 

03. 挖一挖

 

換皮膚這件事,感覺還是很有商業價值的。

Codex-ream-Skin 不會讓 Codex 多寫一行好代碼,卻會影響我願不願意每天盯着這個界面工作。

AI 編程工具的使用時間越來越長,用戶也開始關心模型之外的體驗。

Prompt、Skill 和 MCP 負責定製工作方式,主題負責定製使用感受。IDE、瀏覽器和筆記軟件都走過類似的路,核心功能穩定以後,插件、模板和主題會慢慢形成自己的創作者市場。

Codex-Dream-Skin 目前跑通了一條很有意思的流程:用戶提供圖片,Codex 負責替換背景、調整配色並驗證效果,整個過程幾乎不需要理解 CSS。

繼續往前做,主題編輯器、主題商店、版本適配和素材授權都有收費空間。對個人開發者來說,這可能是一門體量不大、卻離用戶很近的生意。

當 AI 編程工具每天陪人工作幾個小時,界面也會進入產品價值的計算範圍。

原文鏈接:GitHub 狂攬 6K Stars,給 Codex 換個好看的皮膚

© 版權聲明

相關文章

暫無評論

暫無評論...