Banner Creator

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

Af ReScienceLab · ReScienceLab/opc-skills

Virker med opsætning ★ 6.4/10

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

Hvad det gør

Kører en bannerdesign-workflow: spørger om formål, forhold, stil og farver, batch-genererer billedvariationer via den Gemini-støttede nanobanana skill, viser dem i et HTML-forhåndsvisningsgitter, itererer over brugerens valg, og beskærer derefter det valgte til den målrettede platformstørrelse. Udløses, når nogen beder om et banner, header, hero image, cover image, GitHub README banner eller Twitter/X header. Kræver en GEMINI_API_KEY og den separate nanobanana skill fra samme repo.

Testrapport

Klonede repoet, installerede i en throwaway HOME (SKILL.md landede på ~/.claude/skills/banner-creator/SKILL.md), parset frontmatter med PyYAML (name + 256-tegns description, begge til stede), og rå-hentede alle fem body-refererede 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 injektionstekst. Jeg kunne IKKE udføre kernetrin 2: kørsel af søster-nanobanana generate.py udskrev "Error: GEMINI_API_KEY environment variable not set." og ingen nøgle er tilgængelig her, så intet bannerbillede blev nogensinde genereret, og intet baseline-vs-skill artefaktpar eksisterer. Jeg verificerede den deterministiske hale af workflowet ved at generere en syntetisk 2016x864 PNG og køre crop_banner.py — det producerede en korrekt 1280x640 (--ratio 2:1 --width 1280) og 1500x500 (--size 1500x500). Docs er fratrukket, fordi det medfølgende eksempel hævder "Generating at 2:1 ratio for GitHub", mens alle tre github-banner-0*.png-eksempler faktisk er 1696x2528 portræt (0.67 forhold), og SKILL.md siger, at man skal generere ved 21:9, mens hvert eksempelbillede er 16:9 eller portræt.

Testet: 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

Kommandoer og eksempelprompter

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

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →