Imagen - AI画像生成スキル
概要
このスキルは、Google Gemini の画像生成モデル（gemini-3-pro-image-preview）を使用して画像を生成します。Claude Code セッション中に、フロントエンド UI の構築、ドキュメント作成、概念の視覚的表現など、シームレスに画像を作成できます。
クロスプラットフォーム: Windows、macOS、Linux で動作します。
このスキルを使用するタイミング
以下の場合に自動的にこのスキルを有効にします:
- ユーザーが画像生成をリクエストした場合（例：「～の画像を生成して」「～の写真を作成して」）
- フロントエンド開発でプレースホルダー画像や実際の画像が必要な場合
- ドキュメントにイラストや図が必要な場合
- 概念、アーキテクチャ、アイデアを可視化する場合
- アイコン、ロゴ、UI アセットを作成する場合
- AI 生成画像が役立つあらゆるタスク
動作の仕組み
- ユーザーから画像を説明するテキストプロンプトを受け取ります
- 画像生成設定とともに Google Gemini API を呼び出します
- 生成された画像を指定された場所（デフォルトはカレントディレクトリ）に保存します
- プロジェクトで使用するためのファイルパスを返します
使い方
Python（クロスプラットフォーム - 推奨）
# 基本的な使い方
python scripts/generate_image.py "夕日を背景にした未来的な都市のシルエット"
# カスタム出力パスを指定
python scripts/generate_image.py "ミニマルな音楽プレーヤーアプリアイコン" "./assets/icons/music-icon.png"
# カスタムサイズを指定
python scripts/generate_image.py --size 2K "高解像度の風景" "./wallpaper.png"
要件
GEMINI_API_KEY環境変数が設定されている必要があります- Python 3.6 以上（標準ライブラリのみ使用、pip インストールは不要）
出力
生成された画像は PNG ファイルとして保存されます。スクリプトは以下を返します:
- 成功: 生成された画像へのパス
- 失敗: 詳細情報を含むエラーメッセージ
使用例
フロントエンド開発
ユーザー: 「ランディングページ用のヒーロー画像が必要です。抽象的なテクノロジー寄りのもので」
-> 画像を生成して保存し、HTML/CSS で使用するためのパスを提供
ドキュメント作成
ユーザー: 「マイクロサービスアーキテクチャを示す図を作成して」
-> 視覚的な表現を生成し、README やドキュメントで利用可能に
UI アセット
ユーザー: 「ユーザープロフィールコンポーネント用のプレースホルダーアバター画像を生成して」
-> コンポーネントで使用する適切なサイズの画像を作成