Banner Creator
Genera variaciones de banners a través de Gemini, las previsualiza, las recorta a tamaños de GitHub/Twitter/LinkedIn
Funciona con configuración
Qué hace
Ejecuta un flujo de trabajo de diseño de banners: solicita propósito, relación de aspecto, estilo y colores, genera variaciones de imagen por lotes a través de la habilidad nanobanana respaldada por Gemini, las muestra en una cuadrícula de vista previa HTML, itera sobre las selecciones del usuario, luego recorta la elegida al tamaño de la plataforma de destino. Se activa cuando alguien solicita un banner, encabezado, imagen de héroe, imagen de portada, banner de GitHub README o encabezado de Twitter/X. Requiere una GEMINI_API_KEY y la habilidad nanobanana separada del mismo repositorio.
Informe de la prueba
Cloné el repositorio, lo instalé en un HOME temporal (SKILL.md se ubicó en ~/.claude/skills/banner-creator/SKILL.md), analicé el frontmatter con PyYAML (name + descripción de 256 caracteres, ambos presentes), y obtuve sin procesar las cinco rutas referenciadas en el cuerpo — references/formats.md, scripts/crop_banner.py, templates/preview.html, examples/opc-banner-creation.md, .claude-plugin/plugin.json — todas HTTP 200; no hay rutas /Users o /home codificadas, ni blobs base64 o texto de inyección. NO pude ejecutar el Paso 2 principal: ejecutar el script hermano nanobanana generate.py imprimió "Error: GEMINI_API_KEY environment variable not set." y no hay clave disponible aquí, por lo que nunca se generó ninguna imagen de banner y no existe un par de artefactos de línea base vs habilidad. Sí verifiqué la parte determinista del flujo de trabajo generando un PNG sintético de 2016x864 y ejecutando crop_banner.py — produjo un 1280x640 correcto (--ratio 2:1 --width 1280) y un 1500x500 (--size 1500x500). La documentación se penaliza porque el ejemplo enviado afirma "Generating at 2:1 ratio for GitHub" mientras que los tres ejemplos github-banner-0*.png son en realidad retratos de 1696x2528 (relación 0.67), y SKILL.md dice que se genere en 21:9 mientras que cada imagen de ejemplo es 16:9 o retrato.
Probado el: 2026-07-21 · Claude Code 2.x (agent harness)
Instalación
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
Comandos y prompts de ejemplo
/banner-creatorGenera variaciones de banners a través de Gemini, las previsualiza, las recorta a tamaños de GitHub/Twitter/LinkedIn
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Create a GitHub banner for our repoDesign a Twitter header for our launchGenerate a hero image for our README