Banner Creator

Genererer banner-variasjoner via Gemini, forhåndsviser dem, beskjærer til GitHub/Twitter/LinkedIn-størrelser

av ReScienceLab · ReScienceLab/opc-skills

Krever oppsett ★ 6.4/10

Banner Creator — Genererer banner-variasjoner via Gemini, forhåndsviser dem, beskjærer til GitHub/Twitter/LinkedIn-størrelser

Hva den gjør

Kjører en bannerdesign-arbeidsflyt: spør om formål, forhold, stil og farger, batch-genererer bildevariasjoner gjennom den Gemini-støttede nanobanana-ferdigheten, viser dem i et HTML-forhåndsvisningsrutenett, itererer på brukerens valg, og beskjærer deretter den valgte til målplattformstørrelsen. Utløses når noen ber om et banner, en header, et hero-bilde, et cover-bilde, et GitHub README-banner, eller en Twitter/X-header. Krever en GEMINI_API_KEY og den separate nanobanana-ferdigheten fra samme repo.

Testrapport

Klonet repoet, installerte i en midlertidig HOME (SKILL.md landet på ~/.claude/skills/banner-creator/SKILL.md), parset frontmatter med PyYAML (name + 256-tegns description, begge til stede), og rå-hentet alle fem kroppsrefererte stier — references/formats.md, scripts/crop_banner.py, templates/preview.html, examples/opc-banner-creation.md, .claude-plugin/plugin.json — alle HTTP 200; ingen hardkodede /Users eller /home-stier, ingen curl|sh, base64-blobs eller injeksjonstekst. Jeg kunne IKKE utføre kjernetrinn 2: kjøring av søsken nanobanana generate.py skrev ut "Error: GEMINI_API_KEY environment variable not set." og ingen nøkkel er tilgjengelig her, så ingen bannerbilde ble generert og ingen baseline-vs-skill artefaktpar eksisterer. Jeg verifiserte den deterministiske halen av arbeidsflyten ved å generere en syntetisk 2016x864 PNG og kjøre crop_banner.py — den produserte en korrekt 1280x640 (--ratio 2:1 --width 1280) og 1500x500 (--size 1500x500). Dokumentasjon er redusert fordi det leverte eksemplet hevder "Generating at 2:1 ratio for GitHub" mens alle tre github-banner-0*.png eksemplene faktisk er 1696x2528 portrett (0.67 forhold), og SKILL.md sier å generere i 21:9 mens hvert eksempelbilde er 16:9 eller portrett.

Testet på: 2026-07-21 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

/banner-creatorGenererer banner-variasjoner via Gemini, forhåndsviser dem, beskjærer til GitHub/Twitter/LinkedIn-størrelser

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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

Full rapport →