Notion スタイル OG 画像
+7- 無料画像154154 回インストール2+7
- Claude Code
Codex
Cursor
fal
結論
Claude は単体では画像を出力できません。fal と組み合わせ、画像 Skill をインストールして fal の API key を設定すれば、Claude がプロンプトを書き、ポスター、インフォグラフィック、OG 画像を一貫したスタイルで生成します。
Claude で画像を生成する手順
Claude がプロンプトを書いて Skill を動かし、fal が画像をレンダリングします。
ステップ 1用途に合った画像 Skill を選ぶ
公開したいもの（OG 画像、ポスター、インフォグラフィック、イラスト）に合わせて作られた Skill を選びます。
Skillry の画像 Skill は、1200×630 の OG 画像、イベントポスター、インフォグラフィックなど、それぞれ1つの用途に特化しており、独自のレイアウト、タイポグラフィ、配色ルールを備えています。まずは Skill ページで実際の作例を確認してください。
画像 Skill をすべて見る
ステップ 2Claude 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 ではそれぞれ対応するフォルダーです。
ステップ 3fal の API key を設定する
fal アカウントでキーを作成し、
FAL_KEYとして設定します。export FAL_KEY=<your-fal-key>fal アカウントで API key を作成し、エージェントを実行するシェルまたはプロジェクトで
FAL_KEYという名前の環境変数に設定します。Skill は fal の画像モデルを呼び出す際にこの変数を読み込みます。キーはリポジトリに含めないでください。git で無視される .env ファイルか、シェルのプロファイルに置くのがおすすめです。
ステップ 4Claude に普段の言葉で頼み、仕上げていく
画像の内容を伝えれば、Claude がプロンプトを書き、fal を呼び出してファイルを保存します。
/<slug> “Launch post: v2 is live”テーマ、対象読者、見出し、画像の使用場所を伝えます。イメージと違う場合は、トリミング、配色、見出しの変更を頼めば、Claude が Skill のスタイルルールに沿ってプロンプトを書き直します。
Claude 単体と Claude + fal の比較
| Aspect | Claude 単体 | Claude + 画像 Skill + fal |
|---|---|---|
| 画像の読み取りと説明 | はい | はい |
| PNG / JPG ファイルの出力 | いいえ | はい |
| 画像間でスタイルを統一 | いいえ | はい |
| OG・SNS・印刷用のサイズプリセット | いいえ | はい |
同じ Skill、同じ fal キーをどのエージェントでも
一度の設定ですべてのエージェントに対応
画像 Skill はシンプルな SKILL.md フォルダーで、fal はどの環境でも同じように動作します。
- Claude Code
- Codex
- Cursor
Antigravity
OpenCode
GitHub Copilot
Claude の画像生成でできること・できないこと
Claude 単体でできること
Claude は画像を読み取って説明し、レイアウトを講評し、描画するコード（SVG アイコン、HTML ページ、グラフ用スクリプト、図）を書けます。一方、専用の画像モデルのように PNG や JPG ファイルを返すことはできません。チャットで Claude に画像を頼むと、返ってくるのは説明文や SVG、図であり、写真のような画像ではありません。これは出力形式の制約であって、Claude の視覚的な判断力の限界ではありません。
fal が足りない部分を補う仕組み
fal は複数の画像モデルを1つの API で提供しています。Skillry の画像 Skill は、リクエストを精度の高いプロンプトに変換する方法、使うサイズ、従うべきスタイルルールを Claude に伝え、FAL_KEY を使って fal を呼び出し、結果をプロジェクトに保存します。ブリーフとプロンプトは Claude が担当し、レンダリングは fal が担当します。生成した分の料金は fal に直接支払います。
その他の方法：MCP 画像サーバー
Claude に接続した Hugging Face Space のように、MCP サーバー経由で画像モデルを呼び出すこともできます。単発の画像には向いていますが、モデル、プロンプト、サイズを毎回自分で選ぶ必要があります。画像 Skill なら、スタイル、サイズ、プロンプトのルールを一度保存するだけで、すべての画像のテイストがそろいます。
Claude の画像生成についてもっと知る
Claude の画像生成を ChatGPT や Codex と比較。
Claude の画像生成と ChatGPT・Codex の比較
ChatGPT と Codex は内蔵の GPT Image 2 で画像を生成できます。Claude Code、Cursor、Antigravity、OpenCode、Copilot には画像生成機能が内蔵されていないため、Skill を通じて fal を使います。Skillry の画像 Skill はどのエージェントでもデフォルトで fal を使うので、チームがどのエージェントを使っていても、同じ Skill、プロンプト、FAL_KEY で同じ仕上がりになります。
Claude の画像生成に関する FAQ
Claude は直接画像を生成できますか？
いいえ。Claude のモデルが返すのはテキストで、画像ファイルではありません。グラフィックとして描画される SVG、HTML、グラフのコードを書いたり、渡された画像を読み取って講評したりはできます。ポスター、OG 画像、イラストなどの本格的なラスター画像が必要なら、画像 Skill を通じて Claude と fal を組み合わせましょう。Claude がプロンプトを書き、fal が画像をレンダリングします。
Claude アプリで画像を生成できますか？
いいえ。Claude アプリの Claude は画像ツールのように写真やイラストを作成することはできませんが、HTML や SVG で図、グラフ、インタラクティブなビジュアルを作ったり、アップロードした画像を分析したりできます。本格的な画像を作るには、Claude Code で fal を使う画像 Skill を実行してください。
どの画像 API が必要ですか？
Skillry の画像 Skill は fal を使います。fal の API key を作成して FAL_KEY に設定すれば、モデルの呼び出しは Skill が処理します。生成した分の料金は fal に直接支払います。モデル提供元ごとにアカウントを作る必要はなく、インストールしたすべての Skillry 画像 Skill で同じキーを使えます。
Codex や ChatGPT でも使えますか？
はい。Codex と ChatGPT は内蔵の GPT Image 2 でも画像を生成できますが、Skillry の画像 Skill はどのエージェントでもデフォルトで fal を使うため、同じ FAL_KEY の設定がどこでも使えます。
Claude の画像生成で何が作れますか？
画像 Skill が対応しているものなら何でも作れます。OG 画像や SNS シェア画像、イベントやローンチのポスター、プロセスを説明するインフォグラフィック、図解、エディトリアルイラスト、記事用のイラストセットなどです。各 Skill がサイズ、レイアウト、スタイルを固定するので、シリーズの画像が1人のデザイナーが作ったように仕上がります。
ブランドカラーやフォントを維持できますか？
はい。スタイルルールは Skill の SKILL.md に記述されているので、配色、タイポグラフィ、レイアウトを一度編集すれば、すべての画像がそれに従います。Claude は各プロンプトを書く際にそのルールを適用するため、毎回ブランドガイドラインを伝えなくてもシリーズ全体の統一感を保てます。
無料ですか？
無料の画像 Skill もあれば、$4.99 の買い切りの Skill もあります。画像生成自体の料金は、生成した分に応じて fal から自分の fal アカウントに請求されます。Claude Code などのエージェントの料金は、既存のプランで別途請求されます。
