Banner Creator

Genera varianti di banner tramite Gemini, le visualizza in anteprima, le ritaglia alle dimensioni di GitHub/Twitter/LinkedIn.

di ReScienceLab · ReScienceLab/opc-skills

Richiede configurazione ★ 6.4/10

Banner Creator — Genera varianti di banner tramite Gemini, le visualizza in anteprima, le ritaglia alle dimensioni di GitHub/Twitter/LinkedIn.

Cosa fa

Esegue un workflow di progettazione di banner: chiede scopo, rapporto, stile e colori, genera in batch varianti di immagini tramite la skill nanobanana supportata da Gemini, le mostra in una griglia di anteprima HTML, itera sulle scelte dell'utente, quindi ritaglia quella scelta alla dimensione della piattaforma target. Si attiva quando qualcuno chiede un banner, un header, un'immagine hero, un'immagine di copertina, un banner GitHub README o un header Twitter/X. Richiede una GEMINI_API_KEY e la skill nanobanana separata dallo stesso repo.

Rapporto di test

Clonato il repo, installato in una HOME temporanea (SKILL.md è finito in ~/.claude/skills/banner-creator/SKILL.md), analizzato il frontmatter con PyYAML (name + descrizione di 256 caratteri, entrambi presenti), e recuperato in raw tutti e cinque i percorsi referenziati nel corpo — references/formats.md, scripts/crop_banner.py, templates/preview.html, examples/opc-banner-creation.md, .claude-plugin/plugin.json — tutti HTTP 200; nessun percorso /Users o /home hardcoded, nessun curl|sh, blob base64 o testo di iniezione. NON ho potuto eseguire il passaggio centrale 2: l'esecuzione del nanobanana generate.py 'sibling' ha stampato "Error: GEMINI_API_KEY environment variable not set." e nessuna chiave è disponibile qui, quindi nessuna immagine banner è stata mai generata e nessuna coppia di artefatti baseline-vs-skill esiste. Ho verificato la coda deterministica del workflow generando un PNG sintetico 2016x864 ed eseguendo crop_banner.py — ha prodotto un 1280x640 corretto (--ratio 2:1 --width 1280) e un 1500x500 (--size 1500x500). La documentazione è penalizzata perché l'esempio fornito afferma "Generating at 2:1 ratio for GitHub" mentre tutti e tre gli esempi github-banner-0*.png sono in realtà 1696x2528 in verticale (rapporto 0.67), e SKILL.md dice di generare a 21:9 mentre ogni immagine di esempio è 16:9 o verticale.

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

Installazione

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

Comandi e prompt di esempio

/banner-creatorGenera varianti di banner tramite Gemini, le visualizza in anteprima, le ritaglia alle dimensioni di GitHub/Twitter/LinkedIn.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →