每月 US$9.99 即可存取所有 Premium Skills，隨時取消。查看方案
指南

Claude 能生成圖片嗎？

單靠 Claude 不行。搭配 fal 和圖片 Skill 就可以。

瀏覽圖片 Skills運作方式
  • Claude CodeClaude Code
  • CodexCodex
  • CursorCursor
  • falfal
簡短回答

Claude 本身無法輸出圖片。搭配 fal 即可：安裝圖片 Skill、加入你的 fal API key，Claude 就會撰寫提示詞，以一致的風格生成海報、資訊圖表和 OG 圖片。

用 Claude 生成圖片：可以做出什麼

用 Claude 生成圖片的步驟教學

Claude 負責撰寫提示詞並操作 Skill；fal 負責算圖。

  1. 一隻手從三張線框 Skill 卡片中挑選一張
    第 1 步

    依產出類型選擇圖片 Skill

    挑選專為你要發佈的內容打造的 Skill：OG 圖片、海報、資訊圖表或插畫。

    Skillry 上的每個圖片 Skill 都專做一件事，例如 1200×630 的 OG 圖片、活動海報或資訊圖表，並各自帶有版面、字體與配色規則。先打開 Skill 頁面看看實際範例。

    查看所有圖片 Skills
  2. 一隻手把 Skill 卡片放進打開的資料夾
    第 2 步

    在 Claude Code 安裝圖片 Skill

    在 Skill 頁面複製安裝提示詞，貼給 Claude Code 即可。

    Read https://skillry.dev/skills/<slug>/install.md and follow the instructions to install the skill.

    Skill 會以 SKILL.md 資料夾的形式安裝：Claude Code 放在 ~/.claude/skills/，Codex 放在 ~/.agents/skills/，Cursor、Antigravity、OpenCode 或 GitHub Copilot 則放在各自對應的資料夾。

  3. 一隻手拿著鑰匙伸向鎖頭，代表 fal API key
    第 3 步

    加入你的 fal API key

    在 fal 帳號建立金鑰，並設為 FAL_KEY。

    export FAL_KEY=<your-fal-key>

    在你的 fal 帳號建立 API key，並在 agent 執行的 shell 或專案中設成名為 FAL_KEY 的環境變數。Skill 呼叫 fal 的圖片模型時會讀取這個變數。不要把金鑰放進程式碼儲存庫：用 git 忽略的 .env 檔案或 shell 設定檔都可以。

  4. 對話框連到一個相框
    第 4 步

    用白話告訴 Claude，再慢慢調整

    描述你要的圖片；Claude 會撰寫提示詞、呼叫 fal 並儲存檔案。

    /<slug> “Launch post: v2 is live”

    說明主題、受眾、標題，以及圖片的用途。哪裡不對，就請它換個裁切、配色或標題，Claude 會依照 Skill 的風格規則重新下提示詞。

單用 Claude vs Claude + fal

Aspect單用 ClaudeClaude + 圖片 Skill + fal
讀取並描述圖片是是
輸出 PNG / JPG 檔案否是
多張圖片風格一致否是
預設 OG、社群與印刷尺寸否是

同一個 Skill、同一組 fal key，任何 agent 都能用

Notion Style OG Image Skill 頁面，旁邊是 Claude Code、Codex、Cursor、Antigravity、OpenCode 與 GitHub Copilot 的 logo

一次設定，所有 agent 通用

圖片 Skills 只是普通的 SKILL.md 資料夾，而 fal 在哪裡用都一樣。

  • Claude CodeClaude Code
  • CodexCodex
  • CursorCursor
  • AntigravityAntigravity
  • OpenCodeOpenCode
  • GitHub CopilotGitHub Copilot

Claude 生成圖片：做得到與做不到的事

Chalkboard Infographic result preview

Claude 自己能做什麼

Claude 能讀取圖片、描述圖片、評論版面，也能寫出會畫圖的程式碼：SVG 圖示、HTML 網頁、圖表腳本和示意圖。它做不到的是像專門的圖片模型那樣回傳 PNG 或 JPG 檔案。在對話中請 Claude 畫一張圖，你拿到的會是文字描述、SVG 或示意圖，而不是照片風格的圖片。這是輸出格式的限制，不是 Claude 視覺判斷力的問題。

Anthropic：Claude 能產生圖片嗎？
fal 文件的 Get Your API Key 頁面，旁邊是 FAL_KEY 環境變數卡片

falfal 如何補上這塊

fal 用一支 API 提供多個圖片模型。Skillry 的圖片 Skill 會告訴 Claude 如何把你的需求轉成精準的提示詞、該用什麼尺寸、要遵守哪些風格規則，接著用你的 FAL_KEY 呼叫 fal，並把結果存進你的專案。Claude 負責需求與提示詞，fal 負責算圖。生成的費用直接付給 fal。

瀏覽圖片 Skills

其他方式：MCP 圖片伺服器

Claude 也能透過 MCP 伺服器呼叫圖片模型，例如連接到 Claude 的 Hugging Face Space。這適合偶爾做一張圖，但每次都得自己選模型、寫提示詞、定尺寸。圖片 Skills 則是可重複使用的做法：風格、尺寸與提示詞規則只需設定一次，每張圖都能保持一致。

更多 Claude 生成圖片相關內容

Claude 生成圖片與 ChatGPT、Codex 的比較。

Claude 生成圖片 vs ChatGPT 與 Codex

ChatGPT 和 Codex 可以用內建的 GPT Image 2 生成圖片。Claude Code、Cursor、Antigravity、OpenCode 和 Copilot 沒有內建圖片生成，所以要透過 Skill 使用 fal。Skillry 圖片 Skills 在每個 agent 中都預設使用 fal，因此不管團隊用哪個 agent，同一個 Skill、提示詞和 FAL_KEY 都能產出一致的結果。

圖片 SkillsClaude PowerPoint 教學Codex Skills前端設計 Skills

Claude 生成圖片常見問題

Claude 能直接生成圖片嗎？

不行。Claude 模型回傳的是文字，不是圖片檔。Claude 可以寫出能顯示成圖形的 SVG、HTML 或圖表程式碼，也能讀取並評論你提供的圖片。若要真正的點陣圖，例如海報、OG 圖片或插畫，就要透過圖片 Skill 搭配 fal：Claude 撰寫提示詞，fal 負責算圖。

在 Claude App 裡可以生成圖片嗎？

不行。在 Claude App 中，Claude 不會像圖片工具那樣產生照片或插畫，但可以用 HTML 和 SVG 做出示意圖、圖表和互動視覺，也能分析你上傳的圖片。若要產生真正的圖片，請在 Claude Code 中搭配 fal 執行圖片 Skill。

我需要哪個圖片 API？

Skillry 圖片 Skills 使用 fal。建立一組 fal API key 並設為 FAL_KEY，Skill 就會處理模型呼叫；生成的費用直接付給 fal。你不需要在每家模型供應商另外開帳號，同一組金鑰也適用於你安裝的每個 Skillry 圖片 Skill。

在 Codex 或 ChatGPT 也能用嗎？

可以。Codex 和 ChatGPT 也能用內建的 GPT Image 2 生成圖片，但 Skillry 圖片 Skills 在每個 agent 中都預設使用 fal，所以同一套 FAL_KEY 設定到哪裡都能用。

用 Claude 生成圖片可以做什麼？

只要是圖片 Skill 專門處理的類型都可以：OG 與社群分享圖、活動與產品發表海報、說明流程的資訊圖表、示意圖、編輯風插畫，以及整組文章配圖。每個 Skill 都固定了尺寸、版面與風格，所以一整系列的圖片看起來就像出自同一位設計師。

可以保留我的品牌色和字體嗎？

可以。風格規則寫在 Skill 的 SKILL.md 裡，配色、字體和版面只需修改一次，之後每張圖都會遵守。Claude 撰寫每個提示詞時都會套用這些規則，所以不必每次都重述品牌規範，整個系列也能保持一致。

免費嗎？

部分圖片 Skills 免費，其他為一次性 $4.99。圖片生成本身由 fal 依你的用量向你自己的 fal 帳號收費。Claude Code 或你使用的其他 agent 則依你現有的方案另外計費。

用 Claude 和 fal 做出你的第一張圖

選個風格、加入 fal key，描述你要的內容。

瀏覽圖片 Skills查看免費 Skills
Claude Style Illustration result preview