Imagen - AI 画像生成スキル

概要

このスキルは Google Gemini の画像生成モデル (gemini-3-pro-image-preview) を使用して画像を生成します。Claude Code セッション中に、フロントエンド UI の構築、ドキュメント作成、コンセプトの視覚化など、あらゆるシーンで画像生成をシームレスに実現できます。

クロスプラットフォーム対応: Windows、macOS、Linux で動作します。

このスキルを使用するタイミング

以下の場合に自動的にこのスキルを使用してください:

• ユーザーが画像生成を要求した場合 (例: 「〇〇の画像を生成して」、「画像を作成して」)
• フロントエンド開発でプレースホルダーまたは実際の画像が必要な場合
• ドキュメントにイラストやダイアグラムが必要な場合
• コンセプト、アーキテクチャ、アイデアを視覚化する必要がある場合
• アイコン、ロゴ、UI アセットを作成する場合
• AI で生成した画像が有用なあらゆるタスク

動作方法

1. 目的の画像を説明するテキストプロンプトを受け取ります
2. 画像生成設定で Google Gemini API を呼び出します
3. 生成された画像を指定された場所に保存します (デフォルトはカレントディレクトリ)
4. プロジェクトで使用するためのファイルパスを返します

使用方法

Python (クロスプラットフォーム - 推奨)

# 基本的な使用方法
python scripts/generate_image.py "A futuristic city skyline at sunset"

# カスタム出力パスを指定
python scripts/generate_image.py "A minimalist app icon for a music player" "./assets/icons/music-icon.png"

# カスタムサイズを指定
python scripts/generate_image.py --size 2K "High resolution landscape" "./wallpaper.png"

必要な環境

• GEMINI_API_KEY 環境変数が設定されていること
• Python 3.6 以上 (標準ライブラリのみを使用、pip install は不要)

出力

生成された画像は PNG ファイルとして保存されます。スクリプトは以下を返します:

• 成功時: 生成された画像へのパス
• 失敗時: 詳細情報を含むエラーメッセージ

使用例

フロントエンド開発

ユーザー: 「ランディングページ用のヒーロー画像が必要です。テック関連で抽象的なデザインで」
-> 画像を生成して保存し、HTML/CSS で使用するためのパスを提供

ドキュメント作成

ユーザー: 「マイクロサービスアーキテクチャを示すダイアグラムを作成して」
-> 視覚的な表現を生成し、README またはドキュメントで使用可能にする

UI アセット

ユーザー: 「ユーザープロフィールコンポーネント用のプレースホルダーアバター画像を生成して」
-> コンポーネント使用に適したサイズで画像を作成