Imagen - AI画像生成スキル
概要
このスキルは、Google Gemini の画像生成モデル(gemini-3-pro-image-preview)を使用して画像を生成します。フロントエンドUIの構築、ドキュメント作成、コンセプトの視覚的表現など、あらゆるClaude Codeセッションでシームレスに画像を作成できます。
クロスプラットフォーム: 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アセット
ユーザー:「ユーザープロファイルコンポーネント用のプレースホルダーアバター画像を生成して」
-> コンポーネントで使用する適切なサイズの画像を作成します