Banner Creator
Genereert bannervarianten via Gemini, toont ze als preview, snijdt ze bij naar GitHub/Twitter/LinkedIn formaten
Werkt met setup
Wat het doet
Voert een bannerontwerpworkflow uit: vraagt om doel, verhouding, stijl en kleuren, genereert batchgewijs afbeeldingsvariaties via de door Gemini ondersteunde nanobanana skill, toont deze in een HTML preview grid, itereert op gebruikerskeuzes, en snijdt vervolgens de gekozen afbeelding bij naar het formaat van het doelplatform. Activeert wanneer iemand vraagt om een banner, header, hero image, cover image, GitHub README banner, of Twitter/X header. Vereist een GEMINI_API_KEY en de afzonderlijke nanobanana skill uit dezelfde repo.
Testrapport
De repo gekloond, geïnstalleerd in een tijdelijke HOME (SKILL.md kwam terecht in ~/.claude/skills/banner-creator/SKILL.md), de frontmatter geparset met PyYAML (name + 256-char description, beide aanwezig), en alle vijf de in de body gerefereerde paden — references/formats.md, scripts/crop_banner.py, templates/preview.html, examples/opc-banner-creation.md, .claude-plugin/plugin.json — ruw opgehaald, allemaal HTTP 200; geen hardcoded /Users of /home paden, geen curl|sh, base64 blobs of injectietekst. Ik kon de kernstap 2 NIET uitvoeren: het draaien van de sibling nanobanana generate.py printte "Error: GEMINI_API_KEY environment variable not set." en er is hier geen sleutel beschikbaar, dus er werd nooit een banner afbeelding gegenereerd en er bestaat geen baseline-vs-skill artefactpaar. Ik heb wel de deterministische staart van de workflow geverifieerd door een synthetische 2016x864 PNG te genereren en crop_banner.py uit te voeren — het produceerde een correcte 1280x640 (--ratio 2:1 --width 1280) en 1500x500 (--size 1500x500). Docs zijn afgewaardeerd omdat het meegeleverde voorbeeld beweert "Generating at 2:1 ratio for GitHub" terwijl alle drie de github-banner-0*.png voorbeelden eigenlijk 1696x2528 portret zijn (0.67 verhouding), en SKILL.md zegt te genereren op 21:9 terwijl elke voorbeeld afbeelding 16:9 of portret is.
Getest op: 2026-07-21 · Claude Code 2.x (agent harness)
Installatie
git clone --depth 1 https://github.com/ReScienceLab/opc-skills.git /tmp/banner-creator-src mkdir -p ~/.claude/skills cp -R /tmp/banner-creator-src/skills/banner-creator ~/.claude/skills/banner-creator cp -R /tmp/banner-creator-src/skills/nanobanana ~/.claude/skills/nanobanana # banner-creator is non-functional on its own: its Step 2 calls the sibling # `nanobanana` skill's scripts/generate.py and scripts/batch_generate.py, # so both dirs are copied above. # Required before use: export GEMINI_API_KEY=... (https://aistudio.google.com/apikey) # Python deps: pillow (crop_banner.py), google-genai (nanobanana generate.py) # pip install pillow google-genai # Marketplace alternative: npx skills add ReScienceLab/opc-skills --skill banner-creator -a claude # (installs banner-creator only; add --skill nanobanana as a second run) # Crop step alone runs without any API key: # python3 ~/.claude/skills/banner-creator/scripts/crop_banner.py in.png out.png --ratio 2:1 --width 1280
Commando's en voorbeeldprompts
/banner-creatorGenereert bannervarianten via Gemini, toont ze als preview, snijdt ze bij naar GitHub/Twitter/LinkedIn formaten
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
Create a GitHub banner for our repoDesign a Twitter header for our launchGenerate a hero image for our README