Banner Creator

Genererar banner-variationer via Gemini, förhandsgranskar dem, beskär till GitHub/Twitter/LinkedIn-storlekar

av ReScienceLab · ReScienceLab/opc-skills

Fungerar med konfiguration ★ 6.4/10

Banner Creator — Genererar banner-variationer via Gemini, förhandsgranskar dem, beskär till GitHub/Twitter/LinkedIn-storlekar

Vad den gör

Kör ett arbetsflöde för bannerdesign: frågar efter syfte, förhållande, stil och färger, batch-genererar bildvariationer genom den Gemini-stödda nanobanana-färdigheten, visar dem i ett HTML-förhandsgranskningsnät, itererar över användarval, beskär sedan den valda till målplattformens storlek. Utlöses när någon ber om en banner, header, hero image, cover image, GitHub README banner, eller Twitter/X header. Kräver en GEMINI_API_KEY och den separata nanobanana-färdigheten från samma repo.

Testrapport

Klonade repot, installerade i en temporär HOME (SKILL.md hamnade på ~/.claude/skills/banner-creator/SKILL.md), parsade frontmatter med PyYAML (name + 256-tecken beskrivning, båda närvarande), och råhämtade alla fem kroppsrefererade sökvägar — references/formats.md, scripts/crop_banner.py, templates/preview.html, examples/opc-banner-creation.md, .claude-plugin/plugin.json — alla HTTP 200; inga hårdkodade /Users eller /home-sökvägar, inga curl|sh, base64-blobbar eller injektionstext. Jag kunde INTE utföra kärnsteget 2: att köra syskonet nanobanana generate.py skrev ut "Error: GEMINI_API_KEY environment variable not set." och ingen nyckel är tillgänglig här, så ingen bannerbild genererades någonsin och inget baslinje-vs-färdighetsartefaktpar existerar. Jag verifierade den deterministiska svansen av arbetsflödet genom att generera en syntetisk 2016x864 PNG och köra crop_banner.py — den producerade en korrekt 1280x640 (--ratio 2:1 --width 1280) och 1500x500 (--size 1500x500). Dokumentation avdragen eftersom det levererade exemplet hävdar "Generating at 2:1 ratio for GitHub" medan alla tre github-banner-0*.png-exemplen faktiskt är 1696x2528 porträtt (0.67-förhållande), och SKILL.md säger att generera vid 21:9 medan varje exempelbild är 16:9 eller porträtt.

Testad: 2026-07-21 · Claude Code 2.x (agent harness)

Installation

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

Kommandon och exempelprompter

  • /banner-creatorGenererar banner-variationer via Gemini, förhandsgranskar dem, beskär till GitHub/Twitter/LinkedIn-storlekar

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • Create a GitHub banner for our repo
  • Design a Twitter header for our launch
  • Generate a hero image for our README