banner-creator
Create banners using AI image generation. Discuss format/style, generate variations, iterate with user feedback, crop to target ratio. Use when user wants to create a banner, header, hero image, cover image, GitHub banner, Twitter header, or readme banner.
npx skills add ReScienceLab/opc-skills --skill banner-creator --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Banner Creator Skill Create professional banners through AI image generation with an iterative design process. ## Prerequisites **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) ## File Output Location All generated files should be saved to the `.skill-archive` directory: ``` .skill-archive/banner-creator/<yyyy-mm-dd-summaryname>/ ``` **Example:** ``` .skill-archive/banner-creator/2026-01-19-opc-banner/ banner-01.png banner-02.png ... banner-03-cropped.png preview.html ``` ## Workflow ### Step 1: Discovery & Requirements Before generating, gather requirements from user: **Ask about:** 1. **Purpose** - Where will the banner be used? - GitHub README - Twitter/X header - LinkedIn banner - Website hero - YouTube channel art 2. **Target ratio/size** - See [references/formats.md](./references/formats.md): - `2:1` (1280x640) - GitHub README - `3:1` (1500x500) - Twitter header - `16:9` (1920x1080) - Website hero 3. **Style preference**: - Match existing logo/brand? - Pixel art / 8-bit retro - Minimalist / flat design - Gradient / mo
- Prerequisites
- File Output Location
- Workflow
- Step 1: Discovery & Requirements
- Step 2: Generate Banner Variations
- Step 3: Create HTML Preview
- Step 4: Iterate with User
- Step 5: Crop to Target Ratio
- Step 6: Deliver Final Assets
- Quick Reference
- Common Prompt Patterns
- Supported Aspect Ratios
- References
Generate single banner
python3 <nanobanana_skill_dir>/scripts/generate.py "{style} banner for {brand}, {description}, {text elements}" \
Batch generate 20 banners
python3 <nanobanana_skill_dir>/scripts/batch_generate.py "{style} banner for {brand}, {description}, {text elements}" \
python3 <nanobanana_skill_dir>/scripts/generate.py "add {logo character} to the left side of the banner" \
cp <skill_dir>/templates/preview.html .skill-archive/banner-creator/<yyyy-mm-dd-summaryname>/preview.html
open .skill-archive/banner-creator/<yyyy-mm-dd-summaryname>/preview.html
python3 <skill_dir>/scripts/crop_banner.py {input.png} {output.png} --ratio 2:1 --width 1280What does the banner-creator skill do?
Create banners using AI image generation. Discuss format/style, generate variations, iterate with user feedback, crop to target ratio. Use when user wants to create a banner, header, hero image, cover image, GitHub banner, Twitter header, or readme banner.
How do I install it?
Run `npx skills add ReScienceLab/opc-skills --skill banner-creator --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ReScienceLab/opc-skills, a repository with 1,192 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.