Add nanobanana skill and update logo/banner-creator dependencies

- Add nanobanana skill (Gemini 3 Pro Image / Nano Banana Pro)
  - generate.py: single image generation with aspect ratio and size options
  - batch_generate.py: batch generation with auto-delay
  - prompts.md: prompt reference guide
- Update logo-creator to use nanobanana scripts instead of MCP
- Update banner-creator to use nanobanana scripts instead of MCP
- Add nanobanana as dependency for logo-creator and banner-creator
- Update auth requirements to include GEMINI_API_KEY

Author: Jing-yilin

skills.json

@@ -214,12 +214,12 @@
       "icon": "image",
       "color": "8B5CF6",
       "triggers": ["logo", "brand", "icon", "favicon", "mascot", "emblem", "create logo", "design logo"],
-      "dependencies": [],
+      "dependencies": ["nanobanana"],
       "auth": {
         "required": true,
         "type": "api_key",
-        "env_var": "REMOVE_BG_API_KEY, RECRAFT_API_KEY",
-        "note": "Requires remove.bg API key and Recraft API key for background removal and SVG conversion"
+        "env_var": "GEMINI_API_KEY, REMOVE_BG_API_KEY, RECRAFT_API_KEY",
+        "note": "Requires Gemini API key for image generation, remove.bg and Recraft API keys for background removal and SVG conversion"
       },
       "install": {
         "user": {
@@ -237,7 +237,7 @@
         }
       },
       "commands": [
-        "nano-banana-pro___generate_image(prompt, aspectRatio, fileName)",
+        "python3 <nanobanana>/scripts/batch_generate.py \"{prompt}\" -n 20 --ratio 1:1 -d ./logos -p logo",
         "python3 scripts/crop_logo.py {input.png} {output.png}",
         "python3 scripts/remove_bg.py {input.png} {output.png}",
         "python3 scripts/vectorize.py {input.png} {output.svg}"
@@ -254,11 +254,12 @@
       "icon": "image",
       "color": "F59E0B",
       "triggers": ["banner", "header", "hero image", "cover image", "create banner", "github banner", "twitter header", "readme banner"],
-      "dependencies": [],
+      "dependencies": ["nanobanana"],
       "auth": {
-        "required": false,
-        "type": null,
-        "note": "Uses nano-banana-pro for image generation (no additional API keys needed)"
+        "required": true,
+        "type": "api_key",
+        "env_var": "GEMINI_API_KEY",
+        "note": "Requires Gemini API key for image generation (get from aistudio.google.com/apikey)"
       },
       "install": {
         "user": {
@@ -276,13 +277,52 @@
         }
       },
       "commands": [
-        "nano-banana-pro___generate_image(prompt, aspectRatio: '21:9', fileName)",
+        "python3 <nanobanana>/scripts/batch_generate.py \"{prompt}\" -n 20 --ratio 21:9 -d ./banners -p banner",
         "python3 scripts/crop_banner.py {input.png} {output.png} --ratio 2:1 --width 1280"
       ],
       "links": {
         "github": "https://github.com/ReScienceLab/opc-skills/tree/main/skills/banner-creator",
         "example": "https://github.com/ReScienceLab/opc-skills/blob/main/skills/banner-creator/examples/opc-banner-creation.md"
       }
+    },
+    {
+      "name": "nanobanana",
+      "version": "1.0.0",
+      "description": "Generate and edit images using Google Gemini 3 Pro Image (Nano Banana Pro). Supports text-to-image, image editing, aspect ratios, and 2K/4K output.",
+      "icon": "image",
+      "color": "FFD700",
+      "triggers": ["generate image", "create image", "nano banana", "nanobanana", "gemini image", "AI image"],
+      "dependencies": [],
+      "auth": {
+        "required": true,
+        "type": "api_key",
+        "env_var": "GEMINI_API_KEY",
+        "note": "Get API key from Google AI Studio (aistudio.google.com/apikey)"
+      },
+      "install": {
+        "user": {
+          "claude": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t claude nanobanana",
+          "droid": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t droid nanobanana",
+          "opencode": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t opencode nanobanana",
+          "codex": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t codex nanobanana"
+        },
+        "project": {
+          "claude": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t claude -p nanobanana",
+          "droid": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t droid -p nanobanana",
+          "cursor": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t cursor -p nanobanana",
+          "opencode": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t opencode -p nanobanana",
+          "codex": "curl -fsSL https://raw.githubusercontent.com/ReScienceLab/opc-skills/main/install.sh | bash -s -- -t codex -p nanobanana"
+        }
+      },
+      "commands": [
+        "python3 scripts/generate.py \"{prompt}\" -o {output.png}",
+        "python3 scripts/generate.py \"{prompt}\" -i {input.jpg} -o {output.png}",
+        "python3 scripts/batch_generate.py \"{prompt}\" -n 20 -d ./images -p image"
+      ],
+      "links": {
+        "github": "https://github.com/ReScienceLab/opc-skills/tree/main/skills/nanobanana",
+        "docs": "https://ai.google.dev/gemini-api/docs/image-generation"
+      }
     }
   ]
 }

skills/banner-creator/SKILL.md

@@ -18,8 +18,13 @@ Create professional banners through AI image generation with an iterative design
 
 ## Prerequisites
 
-**Required Tools:**
-- `nano-banana-pro___generate_image` - AI image generation
+**Required API Keys (set in environment):**
+- `GEMINI_API_KEY` - Get from [Google AI Studio](https://aistudio.google.com/apikey)
+
+**Required Skills:**
+- `nanobanana` - AI image generation (Gemini 3 Pro Image)
+
+**Optional Tools:**
 - `chrome-devtools` MCP - For previewing banners in browser
 
 ## File Output Location
@@ -79,31 +84,27 @@ Before generating, gather requirements from user:
 
 ### Step 2: Generate Banner Variations
 
-Generate 20 banner variations using `nano-banana-pro___generate_image`:
+Generate 20 banner variations using the `nanobanana` skill:
 
-```
-nano-banana-pro___generate_image(
-  prompt: "{style} banner for {brand}, {description}, {text elements}",
-  aspectRatio: "21:9",
-  fileName: "/path/to/.skill-archive/banner-creator/<date-name>/banner-01.png"
-)
+```bash
+# Generate single banner
+python3 <nanobanana_skill_dir>/scripts/generate.py "{style} banner for {brand}, {description}, {text elements}" \
+  --ratio 21:9 -o .skill-archive/banner-creator/<date-name>/banner-01.png
+
+# Batch generate 20 banners
+python3 <nanobanana_skill_dir>/scripts/batch_generate.py "{style} banner for {brand}, {description}, {text elements}" \
+  -n 20 --ratio 21:9 -d .skill-archive/banner-creator/<date-name> -p banner
 ```
 
 **Guidelines:**
 - Generate at `21:9` ratio (widest available), crop later to target
-- Generate in batches of 10 (API rate limit: 20/minute)
-- Wait 60 seconds between batches if hitting limits
+- Use batch_generate.py for multiple variations (includes auto-delay)
 - Use sequential naming: `banner-01.png`, `banner-02.png`, etc.
 
-**Character Consistency:**
-If incorporating an existing logo character, use the `image` parameter:
-```
-nano-banana-pro___generate_image(
-  prompt: "...",
-  aspectRatio: "21:9",
-  image: "/path/to/existing-logo.png",
-  fileName: "..."
-)
+**Image Editing (for incorporating existing logo):**
+```bash
+python3 <nanobanana_skill_dir>/scripts/generate.py "add {logo character} to the left side of the banner" \
+  -i /path/to/existing-logo.png --ratio 21:9 -o banner-with-logo.png
 ```
 
 ### Step 3: Create HTML Preview
@@ -189,7 +190,7 @@ Abstract {style} banner, {colors} gradient, geometric patterns, modern tech feel
 {Style} illustration banner, {scene description}, {character} in {action}, "{brand}" text overlay, {colors}
 ```
 
-### Aspect Ratios for nano-banana
+### Supported Aspect Ratios
 
 Generate at widest ratio, then crop:
 - `21:9` - Ultra-wide (recommended for generation)

skills/logo-creator/SKILL.md

@@ -19,11 +19,14 @@ Create professional logos through AI image generation with an iterative design p
 ## Prerequisites
 
 **Required API Keys (set in environment):**
+- `GEMINI_API_KEY` - Get from [Google AI Studio](https://aistudio.google.com/apikey)
 - `REMOVE_BG_API_KEY` - Get from [remove.bg](https://www.remove.bg/api)
 - `RECRAFT_API_KEY` - Get from [recraft.ai](https://www.recraft.ai/)
 
-**Required Tools:**
-- `nano-banana-pro___generate_image` - AI image generation
+**Required Skills:**
+- `nanobanana` - AI image generation (Gemini 3 Pro Image)
+
+**Optional Tools:**
 - `chrome-devtools` MCP - For previewing logos in browser
 
 ## File Output Location
@@ -87,19 +90,20 @@ Before generating, gather requirements from user:
 
 ### Step 2: Generate Logo Variations
 
-Generate 20 logo variations (default) using `nano-banana-pro___generate_image`:
+Generate 20 logo variations (default) using the `nanobanana` skill:
 
-```
-nano-banana-pro___generate_image(
-  prompt: "{style} logo for {brand}, {description}, {colors}",
-  aspectRatio: "1:1",
-  fileName: "/path/to/project/logos/logo-01.png"
-)
+```bash
+# Generate single logo
+python3 <nanobanana_skill_dir>/scripts/generate.py "{style} logo for {brand}, {description}, {colors}" \
+  --ratio 1:1 -o .skill-archive/logo-creator/<date-name>/logo-01.png
+
+# Batch generate 20 logos
+python3 <nanobanana_skill_dir>/scripts/batch_generate.py "{style} logo for {brand}, {description}, {colors}" \
+  -n 20 --ratio 1:1 -d .skill-archive/logo-creator/<date-name> -p logo
 ```
 
 **Guidelines:**
-- Generate in batches of 10 (API rate limit: 20/minute)
-- Wait 60 seconds between batches if hitting limits
+- Use batch_generate.py for multiple variations (includes auto-delay)
 - Save to `.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/` directory
 - Use sequential naming: `logo-01.png`, `logo-02.png`, etc.
 
@@ -200,9 +204,9 @@ Cute {animal/character} mascot logo, friendly expression, {style} style, {colors
 Letter "{letter}" logo, modern typography, {style} design, {colors}, clean professional look
 ```
 
-### Aspect Ratios for nano-banana
+### Supported Aspect Ratios
 
-- `1:1` - Square
+- `1:1` - Square (default for logos)
 - `2:3`, `3:2` - Portrait/Landscape
 - `3:4`, `4:3` - Standard
 - `4:5`, `5:4` - Photo