🎞️ 多媒體魔法師

讓 Claude Code 也會畫圖:
Codex 與 OpenAI API 雙生圖方案

Claude 本身不能直接產生圖片。只要接上 Codex CLI 或 OpenAI API,再包成一個全域 Skill,之後跟 Claude Code 說一句「幫我畫一張……」,它就會自己生圖、檢查、交給你。兩種方法擇一即可,Antigravity、OpenCode 等能執行指令的 AI Agent 也適用。

奕鈞老師手持筆電,螢幕飛出 AI 生成的插圖,旁邊標示 Codex 訂閱生圖、OpenAI API 精準控制、全域 Skill 一句話三個重點
01

為什麼要讓 Claude Code 會畫圖?

用 Claude Code 做教材網頁、學習單、粉專貼文時,常常卡在「缺一張圖」:主視覺、縮圖、課文插圖、角色立繪。以前要另外開 ChatGPT 或 Canva 生圖、下載、再搬回專案資料夾。 接上生圖工具之後,這整段可以交給 Claude Code 一次完成。

🗣️

一句話生圖

說「畫圖」、「生圖」、「做一張插圖」就會觸發 Skill,不用記指令。

👀

生完自己檢查

Claude Code 會打開圖片檢查構圖與圖中中文字,有錯再重生,再把圖傳給你。

📁

直接存進專案

圖片自動存到目前專案的 output/images/,接著就能放進網頁或文件。

02

兩種生圖方式,怎麼選?

方法一・優先使用

Codex CLI

  • 用 ChatGPT 訂閱額度,不另外按張計費
  • 適合日常插圖、草稿、大部分教材圖
  • 一張約 40–60 秒
  • 尺寸只能描述「橫/直/方」
方法二・備援與精準控制

OpenAI API

  • 依用量計費:Flare 低/中畫質一張不到 NT$1(高畫質約 NT$2)
  • 可指定像素尺寸、畫質、透明背景、遮罩局部修改
  • 可選 GPT Image 2.5 的 Flare 或 Sunburst 模型
  • Codex 額度用完時的備援
比較項目Codex CLIOpenAI API
費用ChatGPT 訂閱額度依 token 用量付費(與 ChatGPT 訂閱分開);1024×1024 的 Flare 低畫質約 US$0.006、中畫質約 US$0.013,一張不到 NT$1;高畫質約 US$0.053
速度約 40–60 秒(Codex 會先理解指令)較快
尺寸/畫質用文字描述,不保證精確--size、--quality 精確指定
透明背景/遮罩不支援支援
限制訂閱方案用量上限帳戶餘額

兩種方法擇一即可

沒有 ChatGPT 訂閱也沒關係,只用方法二(API)就能生圖;有訂閱的話,Skill 的預設規則是平常用 Codex,只有 Codex 失敗、需要精確參數,或你指定用 API 時才改用 API,而且改用前會先告訴你。

不只 Claude Code:其他 AI Agent 也適用

兩個腳本都是一般的 Python 指令,Antigravity、OpenCode 等能執行終端機指令的 AI Agent 都能直接呼叫;支援 SKILL.md 的 Agent 也可以沿用同一份 Skill。

03

方法一:用 Codex CLI 生圖(訂閱額度)

準備條件

  1. 有 ChatGPT 訂閱方案,並安裝 Codex 桌面版或 Codex CLI。
  2. 用 ChatGPT 帳號登入 Codex(不是 API Key 登入)。
  3. 確認生圖功能 image_generation 是開啟的。
檢查 Codex 狀態
codex login status
Logged in using ChatGPT

codex features list
image_generation                         stable             true

Windows 桌面版找不到 codex 指令?

從 Microsoft Store 安裝的 Codex 桌面版,內建的 CLI 放在 C:\Program Files\WindowsApps\OpenAI.Codex_版本號\app\resources\codex.exe,沒有加進 PATH。版本更新後資料夾名稱會變,所以腳本每次都會自動找最新路徑,不用寫死。

生圖指令

codex_image.py 會用 codex exec 以唯讀模式請 Codex 生圖,Codex 只負責畫圖、不會改你的檔案。生好的圖存在 ~/.codex/generated_images/,腳本再把這次新產生的圖複製到專案的 output/images/。

codex_image.py 用法
# 橫式插圖
python codex_image.py "一隻戴眼鏡的橘貓老師在教室講課,扁平插畫風" --aspect landscape

# 拿現有圖片修改(可附多張參考圖)
python codex_image.py "把背景改成夜晚" --edit input.png

# 長描述或含引號時,改從文字檔讀取(避開 PowerShell 5.1 的引號問題)
python codex_image.py --prompt-file prompt.txt --aspect square --name fb-post
04

方法二:用 OpenAI API 生圖(GPT Image 2.5)

申請 API Key

  1. 到 platform.openai.com/api-keys ↗ 登入。帳號和 ChatGPT 共用,但費用分開,ChatGPT Plus 不含 API 額度。
  2. 到 Billing 綁卡儲值(最低 5 美元)。
  3. 按「Create new secret key」建立金鑰,金鑰只顯示一次,請馬上複製。
  4. 使用最新生圖模型時,可能需要到 Settings → Organization → Verify 完成組織驗證。

把金鑰放進 .env

.env(放在腳本專案的根目錄)
OPENAI_API_KEY=sk-你的金鑰
# 選填:換模型
OPENAI_IMAGE_MODEL=gpt-image-2.5-flare

金鑰安全

  • 金鑰請自己貼進 .env,不要貼在和 AI 的對話裡。
  • 把 .env 加進 .gitignore,避免上傳到 GitHub。
  • 如果資料夾在雲端硬碟,.env 也會被同步;不想這樣可以改用 Windows 使用者環境變數 setx OPENAI_API_KEY "sk-..."。

兩個模型

模型 ID特色建議用途
gpt-image-2.5-flare速度快,OpenAI 推薦大多數用途日常生圖、草稿(腳本預設)
gpt-image-2.5-sunburst較精緻,局部修改控制更精準正式定稿、需要細修、圖內文字多

生圖指令

generate_image.py 用法
# 橫式、草稿畫質
python generate_image.py "溫暖的國中教室插畫,扁平風" --size 1536x1024 --quality low

# 透明背景貼紙
python generate_image.py "Q 版橘貓貼紙" --size 1024x1024 --background transparent

# 定稿用 sunburst,一次兩張
python generate_image.py "教材主視覺" --model gpt-image-2.5-sunburst --quality high -n 2

# 用遮罩只改圖片的某一塊
python generate_image.py "把黑板上的字改成「歡迎新同學」" --edit board.png --mask mask.png
05

包成全域 Skill:一句話就生圖

把下面的 SKILL.md 放在 C:\Users\你的帳號\.claude\skills\openai_image_gen\,Claude Code 在任何資料夾都會載入它。Skill 裡寫好了觸發詞、兩種方式的選擇規則、Prompt 撰寫要點和安全注意事項。

🎯

觸發詞

畫圖、生圖、生成圖片、AI 繪圖、做一張插圖、修改這張圖、用 Codex 生圖。

🔀

自動備援

Codex 失敗或需要精確參數時改用 API,改用前先告知使用者。

🔤

中文字檢查

圖中小字較容易出錯;錯字多時改用高畫質或 Sunburst,或圖內不放字、之後再排版。

懶人安裝:把這段提示詞交給 Claude Code

請幫我讓 Claude Code 具備生圖能力:
1. 下載 https://ijun-ai.com/media/ai-image-gen/codex_image.py、generate_image.py、SKILL.md,把兩個 .py 放到我指定的資料夾(例如 D:\ai-tools\openai-image\)。
2. 確認 Codex 已用 ChatGPT 帳號登入、image_generation 功能已開啟;Windows 桌面版的 codex.exe 不在 PATH 時,由腳本自動尋找。
3. 確認已安裝 Python 套件 openai(pip install openai)。
4. 把 SKILL.md 放到 ~/.claude/skills/openai_image_gen/,並把裡面的 <腳本資料夾> 換成實際路徑。
5. 提醒我自己把 OPENAI_API_KEY 寫進 .env(不要讓我把金鑰貼在對話裡)。
6. 用 Codex 方式生成一張測試圖,確認流程可用。
06

實際生成範例

以下是設定完成後的第一批測試圖,提示詞都只有一兩句。

OpenAI API 生成的測試圖:國中老師在教室黑板前微笑揮手的扁平插畫
OpenAI API・flare・草稿畫質
黑板上大字正確,但小字「夢想」糊掉了:小字建議用高畫質或 Sunburst。
Codex 生成的測試圖:戴圓眼鏡的橘貓老師捧著書站在明亮教室
Codex CLI・訂閱額度
約 50 秒完成,畫面乾淨、配色和提示詞一致。
07

常見問題

Claude Code 本身可以生成圖片嗎?

Claude 本身不能直接產生點陣圖片,但可以執行指令、呼叫外部工具。本教學就是讓它呼叫 Codex 或 OpenAI API 來生圖。

用 Codex 生圖要另外付費嗎?

用 ChatGPT 帳號登入 Codex 時,生圖使用訂閱方案的額度,不另外按張計費,但有方案的用量上限。大量生圖前一樣建議先確認。

ChatGPT Plus 可以拿來付 API 費用嗎?

不行。API 在 platform.openai.com 另外儲值計費,和 ChatGPT 訂閱是分開的。

圖裡的中文字會錯嗎?

大字通常正確,小字比較容易糊或寫錯。生圖後要檢查;錯字多時改用高畫質或 Sunburst,或圖中不放字,之後用網頁、簡報再排版。

Codex 生圖失敗怎麼辦?

常見原因是額度用完、沒用 ChatGPT 帳號登入,或找不到 codex.exe。Skill 會自動改用 API 備援,並在改用前先告訴你。

用 API 生一張圖要多少錢?

API 依 token 用量計費。以 1024×1024 的 gpt-image-2.5-flare 為例,低畫質約 US$0.006、中畫質約 US$0.013,一張都不到新台幣 1 元;高畫質約 US$0.053。實際金額請以 OpenAI 官方價目為準。

Antigravity、OpenCode 也能用嗎?

可以。腳本是一般的 Python 指令,任何能執行終端機指令的 AI Agent 都能呼叫;把 SKILL.md 放到該 Agent 讀取 Skill 的位置即可。

🎨 設定一次,之後一句話生圖

更多 AI 教學工具與多媒體魔法,都在奕鈞老師的數位教學備課室。

已複製到剪貼簿!