---

name: asset-generator description: Gemini画像生成APIでWebアセットを生成。アイコン、バナー、サムネイル、OGP画像などが必要な時に使用。「画像を作って」「アイコンが欲しい」「バナーを生成」「ロゴを作成」などの要求で自動起動。 allowed-tools: Bash(uv:*), Read, Write

Vibe Asset Generator

Gemini 3 Pro Image (Nano Banana Pro) を使用してWeb開発用の画像アセットを生成するスキルです。

使用方法

画像生成スクリプトを実行:

Copyuv run --script ~/.claude/skills/asset-generator/scripts/generate_image.py \
  --prompt "プロンプト" \
  --output ./出力パス.png \
  --aspect-ratio アスペクト比

オプション

モデル

アスペクト比ガイド

解像度オプション（Nano Banana Proのみ）

プロンプトのコツ

効果的なプロンプト作成

1. スタイル指定: flat design, minimalist, 3D, isometric, watercolor など
2. 色指定: blue and white, vibrant colors, pastel など
3. 背景指定: transparent background, white background, gradient background
4. 用途明示: icon, logo, banner, illustration など

プロンプト例

Copy# アプリアイコン
uv run --script ~/.claude/skills/asset-generator/scripts/generate_image.py \
  -p "a minimalist app icon, blue gradient circle with white lightning bolt, flat design" \
  -o ./icon.png

# Webサイトバナー
uv run --script ~/.claude/skills/asset-generator/scripts/generate_image.py \
  -p "modern tech website hero banner, abstract geometric shapes, purple and blue gradient" \
  -o ./banner.png -a 16:9

# OGP画像
uv run --script ~/.claude/skills/asset-generator/scripts/generate_image.py \
  -p "blog post OGP image about AI technology, futuristic design, dark background with glowing elements" \
  -o ./ogp.png -a 16:9

# プロフィールアバター
uv run --script ~/.claude/skills/asset-generator/scripts/generate_image.py \
  -p "cute cartoon avatar, friendly developer character, simple illustration style" \
  -o ./avatar.png

# 高解像度ポスター
uv run --script ~/.claude/skills/asset-generator/scripts/generate_image.py \
  -p "professional tech conference poster, modern design" \
  -o ./poster.png -a 3:4 -r 4K

セットアップ

APIキーを ~/.gemini/config に設定:

Copy{
  "api_key": "YOUR_GEMINI_API_KEY"
}

または環境変数 GEMINI_API_KEY を設定。

APIキーは Google AI Studio で取得できます。

注意事項

• 生成される画像はPNG形式
• API制限に注意（レート制限あり）
• 著作権のあるキャラクター等は生成できない場合あり
• 無料枠は制限が厳しいため、課金モデルへの移行を推奨