picture

画像生成

Gemini API を介して Google Imagen を使用し、AI 画像を生成します。

使用する場面

• プレゼンテーション用の画像（ヒーロービジュアル、セクションの区切り）
• コンセプトイラスト（視覚的なメタファー、抽象的な概念）
• 写真のようにリアルな画像（製品モックアップ、シナリオ）
• AI 生成のメリットが得られる視覚的な説明

使用しない場面

• 精密な図やグラフ — diagramming スキルを使用します（編集可能な SVG、正確なデータ）
• スクリーンショット — screenshot スキルを使用します
• シンプルなアイコン — ストック素材を探すか絵文字を使うほうが速いことがよくあります

diagramming との重複: 境界は曖昧です。「プレゼンテーション用のグラフ」はどちらにも当てはまる可能性があります。

• 正確なデータと編集可能性が必要 → diagramming
• 印象的な視覚効果が必要 → image-generation
• 判断に迷う場合は、ユーザーに確認してください。

ワークフロー

1. 要件を把握する

ユーザーに次の点を確認します。

• 目的 — プレゼンテーション、コンセプトイラスト、視覚的なメタファーのどれですか？
• スタイル — 写真のようにリアル、イラスト、抽象的のどれですか？
• ブランド — ITV のスタイリングが必要ですか？（必要な場合は itv-styling スキルを読み込みます）

2. Flash で下書きを作成する

初期のイテレーションには高速なモデルを使用します。

${CLAUDE_SKILL_DIR}/imagen.sh "prompt" --model gemini-2.5-flash-image

3. 確認して調整する

画像を開いて評価し、イテレーションを重ねます。

# Edit mode: refine previous output
${CLAUDE_SKILL_DIR}/imagen.sh "make it warmer, add more contrast" --input ./images/previous.png

4. Pro で最終レンダリングする

クライアント向け、または最終納品物には次を使用します。

${CLAUDE_SKILL_DIR}/imagen.sh "prompt" --model gemini-3-pro-image-preview

コマンドリファレンス

# Basic generation
imagen.sh "prompt" [--output ./images] [--model MODEL]

# Edit existing image
imagen.sh "refinement prompt" --input previous.png

# Models
--model gemini-2.5-flash-image     # Fast, cheap (default)
--model gemini-3-pro-image-preview # Higher quality
--model imagen-4.0-generate-preview-06-06  # Imagen 4

出力：./images/ にタイムスタンプ付きのファイル名で保存し、パスを表示します。

プロンプトのフレームワーク

Max Woolf の Nano Banana に関する調査に基づいています。

構成

[Specific object description with exact requirements in CAPS]

Aspects that MUST be followed EXACTLY:
- [Compositional rule 1]
- [Compositional rule 2]

[Publication/camera details for style elevation]

Do not include [unwanted elements].

主なテクニック

テクニック	例
構造化した箇条書き	要件は文章ではなくハイフン付きのリストにします
制約をすべて大文字で指定	「MUST」や「EXACTLY」を使うと指示への準拠度が高まります
16 進カラーコード	「マゼンタ」よりも #9F2B68 のほうが正確です
構図のルール	「三分割法」、「ネガティブスペース」、「被写界深度」
スタイルを高める表現	「NYT のピューリッツァー賞受賞カバー写真」
カメラの仕様	「Canon EOS 90D DSLR カメラ」
掲載媒体の指定	「Vanity Fair の表紙プロフィール」
否定的な制約	「テキスト、透かし、線のオーバーレイを含めないでください」

プロンプトの例

A professional headshot of a confident business executive.

Aspects that MUST be followed EXACTLY:
- Shot from shoulders up, rule of thirds composition
- Neutral background with soft gradient #E8E8E8 to #FFFFFF
- Natural 3PM diffuse lighting from left
- Sharp focus on eyes, slight bokeh on background

Pulitzer Prize-winning portrait, Canon EOS R5, 85mm f/1.4.

Do not include any text, logos, or watermarks.

ブランドスキルと組み合わせる

itv-styling と組み合わせる

ITV ブランドの画像を作成する場合：

1. itv-styling を読み込み、カラーパレットと原則を確認します
2. ブランドの制約をプロンプトに組み込みます。

Corporate presentation image for ITV.

Aspects that MUST be followed EXACTLY:
- Dark background #0F2323 (ITV dark green)
- Accent elements in #E8E557 (ITV yellow) or #4ECDC4 (ITV teal)
- Clean, modern, professional aesthetic
- No busy patterns or off-brand colors

Professional corporate photography style.

diagramming と組み合わせる

ハイブリッドな要件（ビジュアルと正確なデータ）がある場合：

• image-generation で AI 背景やイラストを生成します
• diagramming で正確な要素を重ねます
• 必要に応じて手動で合成します

制限事項

制限事項	回避策
スタイル変換がうまくいかない（「Studio Ghibli style」）	代わりに構造を説明します
テキスト生成が不完全	生成後にテキストをオーバーレイとして追加します
正確な位置指定が難しい	調整プロンプトでイテレーションを重ねます
レート制限	下書きには Flash を使い、最終版にのみ Pro を使います

出力先

画像はプロジェクトディレクトリの ./images/ に保存されます。

• 初回使用時に作成されます
• ファイル名にタイムスタンプが付き、一意性が保たれます
• プロジェクト内に保存され、簡単に参照できます

アンチパターン

パターン	問題	修正方法
ブランドの確認を省略する	スタイリングに一貫性がなくなる	ブランドが関係する場合は、最初に itv-styling を読み込みます
曖昧なプロンプト	結果の質が低くなる	具体的で明確な説明を使います
データに不適切なツールを使う	グラフが不正確になる	正確なデータには diagram スキルを使います

関連項目

• references/prompting.md — プロンプトに関する詳細なリファレンス
• diagramming スキル — 精密な図やグラフ向け
• itv-styling スキル — ブランドの制約がある出力向け