# Claude Code × Codex 雙 AI 起手包

> **這份是設計給你的 AI 助手讀的，不是給你讀的。**
> 把整段（或挑你需要的那幾段）貼進你的 Claude Code、ChatGPT、Claude Desktop 或 Cursor 對話框，它會帶你跑完整套設定。**你不需要打開終端機、不需要懂 command、不需要知道什麼是 npm。**
>
> 來自 [@be.ai.curator](https://www.threads.com/@be.ai.curator) 配套資源｜完整故事在 [Blog](https://be-ai-curator.com/blog/claude-codex-dual-ai-onboarding)

---

## 開始之前——白話 micro 名詞表

第一次接觸這些工具的話，先讀這小段：

- **Claude Code**：Anthropic 出的 AI 助手，可以裝在 VS Code 編輯器、Mac／Windows 桌面 app，跟它聊天的那個對話框就是它。
- **Codex**：OpenAI 出的 AI 工具，訂了 ChatGPT Plus 就能用，特長是繁中字精準渲染（生圖）跟「找漏洞」式的審查。
- **Plugin**：Claude Code 內建的擴充機制，搜一下、按一下就裝好，不用打開終端機。
- **Skill**：你教 AI 一次、它記下來、下次自動套用的「記憶＋技能包」，像手機裝過的 app。
- **Quota／額度**：每個 AI 工具都有冷卻時間或每日上限，像手遊體力，燒完要等。

---

## 起手包：給你的 AI 看的 SYSTEM 段

複製下面整段，貼進你的 AI 對話框第一句：

```
你是我的 AI 工作流顧問。我想設定一套雙 AI 工作流——
讓 Claude Code 跟 Codex 在我真實的任務上互相搭配。

我的目標：
1. 帶我裝好 Codex（用我的 ChatGPT 訂閱、不另外付錢）。
2. 教 Claude Code 在哪些情境該主動叫 Codex 動工，讓 Claude Code
   自己判斷，我不用手動切視窗。
3. 我做重複性工作的時候，幫我打包成 skill 存起來、下次更順。
4. 跑長任務前提醒我額度。

語氣：直接、簡潔、行動導向、不要廢話。
我不懂 command line。能你自己跑的就自己跑、不要叫我打開終端機。
每一步用白話告訴我「現在做什麼、為什麼」。

每給我一個能跑的成果，提議怎麼打包成 skill，
然後問我下一題要從哪裡開始。
```

讀完之後 AI 應該自動進入「雙 AI 工作流導師」模式。如果它沒有，就直接問：「我們從第幾步開始？」

---

## Part 1 — 5 分鐘裝 Codex（讓 AI 帶你跑）

複製下面整段，貼給你的 Claude Code：

```
帶我裝 Codex、綁我的 ChatGPT 帳號、教你自己何時叫 Codex 動工。
每一步先跟我確認 work 再進下一步。

第一步：裝 Codex Plugin
  最簡單的方式：打開我的 Claude Code，找到 Plugin 設定，
  搜尋「codex」、按下新增。
  如果你能直接幫我跑命令，下面這兩條也可以：
    /plugin marketplace add openai/codex-plugin-cc
    /plugin install codex@openai-codex
  驗證：跑 /codex:setup，引導畫面跑出來＝OK。

第二步：登入我的 ChatGPT 帳號
  跟我說「我幫你開瀏覽器登入頁面、登入後回來告訴我」。
  我登入回來後跟我確認：Codex 顯示「已綁 ChatGPT 訂閱」。
  不需要 OpenAI API key、不另計費。

第三步：教你自己何時叫 Codex
  打開我專案的 CLAUDE.md（沒有就幫我建一個），加一段：
    「使用者要圖像生成、infographic、繁中字密集視覺，
     或寫程式 P0 變動的 adversarial review（找漏洞審查）時，
     主動建議呼叫 Codex，不要自己硬做。」
  寫完問我：「下次我說『幫我做一張封面圖』，你會主動建議叫 Codex 嗎？」

每一步沒驗證 work 不要進下一步。
```

> 你用的是 ChatGPT 或 Claude Desktop（不是 Claude Code）：把上面「第一步」改說「先帶我用 npm 裝 Codex CLI、你能直接跑就跑、不能跑就教我」，AI 會切換成適合你介面的路徑。

---

## Part 2 — 養 Skill 心法（這份 pack 的核心）

設計這份 pack 的初衷不是讓你「裝完就走」，而是讓你的 AI **一次比一次更會做**。

複製下面整段，貼給你的 Claude Code：

```
從現在開始、當我跟你做重複性任務（生圖、Code Review、寫文案、整理資料），
請照下面的「skill 打包協定」做事：

1. 第一次我問：盡力做。記下哪些做法 work。
2. 第二次同類型任務：注意我上次怎麼修改你的成果、套用到這次。
   記下進步在哪。
3. 第三次：主動提議把這個流程打包成 skill。
   skill 是一個小檔案、含：
     - 目標：一句話
     - 觸發條件：什麼情境呼叫
     - 步驟：有順序、可執行
     - 已踩過的雷（以及修法）
     - 常用的參考檔案／命令

幫我把它存到 ~/.claude/skills/{skill-name}/SKILL.md
（或你工具對應的 skill 存放位置）。

下次觸發條件 match、你載入這個 skill 接著做、不從頭開始。

重點：不要讓我重複教你同一件事兩次。
```

> AI 不支援 skill 機制（例如 ChatGPT Custom GPT 不寫檔）：改用「把這份協定存進 project memory／system prompt 並 reference 它」。心法一樣——AI 累積經驗、不每次從頭。

---

## Part 3 — 寫程式場景：Claude → Codex 接力

複製下面整段，需要兩個 AI 接力 review 你 code 的時候用：

```
任務：[在這裡描述你要做的程式任務]

流程：
1. Claude Code：規劃 architecture + 寫實作。
   產出：完整 code + 設計選擇的解釋。
2. Codex：拿 Claude 的產出、跑「找漏洞」審查（adversarial review）。
   找：邊角案例、安全漏洞、off-by-one、過度耦合、漏的 test。
   產出：問題清單依信心度排序。
3. Claude Code：讀 Codex 的審查、決定哪些要改。
   產出：改過的 code + 接受／拒絕 feedback 的摘要。

限制：Claude Code 不信任自己對自己 code 的審查。
     P0 變動（auth／payment／DB／security）一定送 Codex 第二輪審查。

準備好開始時、問我：要動哪個檔案？
```

> 心法：把 Codex 想成「同事 reviewer」、不是執行者。它的價值在「找你看不到的東西」、不在跑量。

---

## Part 4 — 圖像場景：Claude 寫 brief → Codex 生 → Claude 把關

複製下面整段，要做 carousel／infographic／簡報／配圖時用：

```
任務：[描述你要的圖——用途、受眾、張數]

流程：
1. Claude Code：寫詳細的視覺 brief。
   必填欄位：
     - 尺寸（例：1080×1350／4:5 直式）
     - 背景色
     - 字體階層（標題／副標題／內文）
     - 強調色用在哪
     - 主視覺描述
     - 品牌一致性參考（avatar 風格／配色 baseline）
     - 禁用元素（不要 emoji／不要英文字／不要 logo）
2. Codex：拿 brief、用 GPT Image-2 生圖。
   （Image-2 是 2026-04 推出、繁中字渲染最強的模型。）
3. Claude Code：拿到生成圖、跑 QA。
   檢查：字體可讀性、品牌一致性、禁用元素是否違規、尺寸是否對。
4. QA 失敗：Claude 改寫 brief、回到第 2 步。
5. QA 通過：Claude 存到專案、把 prompt 記到 session log
   給未來打包成 skill 用。

限制：每次 Codex 跑完都要記下來：原始尺寸、處理損失、prompt 用詞。
     累積一段時間就會找到哪些 prompt 用詞會出比較穩定的結果。

準備好時、問我：尺寸跟品牌參考？
```

> 心法：你只負責「我要什麼」、不負責「怎麼生」。Brief、QA、修正全部給 AI 接力。你看 9 張的最後一輪 OK 與否就好。

---

## Part 5 — 額度（跑大任務前先看）

每個 AI 工具都有冷卻或上限，像手遊體力，燒完工作會中斷：

- **Codex 額度**：5 小時冷卻 rolling window，方案不同上限不同
- **Image-2 生圖額度**：每日上限、依帳號計算
- **Claude Code 額度**：你的訂閱方案決定（Pro／Max）

複製下面，跑大任務前貼給你的 AI 確認：

```
開始之前、做一次額度檢查：
- 我的 Codex 5 小時冷卻還剩多少？這任務估計會燒掉幾成？
- Image-2 今天還能生幾張？這任務要幾張？
- 接近上限就提議拆到不同時段、或砍掉低優先項目。

額度沒對齊不要開始。
```

---

## Part 6 — 雷區（5 個常踩的坑）

| 坑 | 怎麼避 |
|----|--------|
| Codex 偶爾偷改你的檔案（已知 bug） | 結束後跟你的 AI 說「跑一次 git status，看有沒有改到我沒授權的檔案」 |
| 過度自動化（讓 AI 完全自跑、沒人 review） | 永遠保留人工確認步驟、別把「不需要我同意」的開關打開 |
| 生圖比例不對（人臉被拉橢圓） | 跟 AI 說：「生完幫我把比例調對、用保留比例的 resize 加 center crop、不要硬拉變形」 |
| 跨張視覺漂移（每張字體／邊距略不同） | 每張 prompt 都重貼完整視覺規格、不靠「跟前一張一樣」這種模糊 reference |
| 圖會偷塞英文字 | prompt 結尾加：「圖中工具、招牌、背景不要出現多餘英文字。」 |

---

## 你做完應該得到什麼

- ✅ Codex 裝好、綁好你的 ChatGPT 帳號
- ✅ Claude Code 自己知道何時該叫 Codex 動工
- ✅ 工作流多了一個 skill 累積機制、下次更順
- ✅ 寫程式 + 圖像兩個場景的 prompt 範本
- ✅ 額度 / 雷區心裡有底、不會跑一半才發現

---

## 進階版（如果你想自己 hands-on 跑 command）

下面是給「會用終端機、想完全 hands-on」讀者的內容。**前面的 Part 1-6 才是主路、這節是備份**。

### 用 npm 直接裝（不走 Plugin）

```bash
# 1. 全域安裝 Codex CLI
npm install -g @openai/codex@latest
codex --version    # 確認看到版本號（0.125+）

# 2. 用 ChatGPT 帳號登入
codex login

# 3. 跑第一張測試圖
mkdir ~/test-codex && cd ~/test-codex
echo "Generate a 1024x1280 portrait illustration of a cozy home office with warm lighting, flat line-color editorial style. PNG only, no text." | codex exec --full-auto --cd .
```

### 進階主題（自查）

- 設明確的 sub-agent 派工規則（讓 Claude Code 自動判斷哪個任務該轉派）
- 把「skill 打包」做成 hooks（任務完成後自動問「要打包成 skill 嗎？」）
- 跨專案共享 skill 庫（把 `~/.claude/skills/` symlink 到一個 git repo）
- 圖像後處理：保留比例 resize + center crop，不要 `sips -z` 強制變形（會把圖拉歪）
- Image-2 native 尺寸規則：兩邊都要是 16 的倍數，常用 valid 4:5 是 1024×1280 或 1088×1360（1080×1350 不是 native、要先生 1088×1360 再 center crop）

這些 Blog 長文有寫到、可以參考但不一定要照抄。

---

## 反饋

跑完之後、想分享你的版本長什麼樣 / 哪裡踩坑、來 [@be.ai.curator](https://www.threads.com/@be.ai.curator) 留言、都會看。

— AI 主理人