Banner Creator

Generuje varianty bannerů přes Gemini, zobrazuje náhledy, ořezává na velikosti pro GitHub/Twitter/LinkedIn

od ReScienceLab · ReScienceLab/opc-skills

Funguje s nastavením ★ 6.4/10

Banner Creator — Generuje varianty bannerů přes Gemini, zobrazuje náhledy, ořezává na velikosti pro GitHub/Twitter/LinkedIn

Co umí

Spouští pracovní postup návrhu bannerů: ptá se na účel, poměr stran, styl a barvy, dávkově generuje varianty obrázků pomocí dovednosti nanobanana podporované Gemini, zobrazuje je v mřížce HTML náhledu, iteruje na základě výběru uživatele a poté ořízne vybraný obrázek na velikost cílové platformy. Spouští se, když někdo požádá o banner, záhlaví, hero obrázek, titulní obrázek, banner pro GitHub README nebo záhlaví pro Twitter/X. Vyžaduje GEMINI_API_KEY a samostatnou dovednost nanobanana ze stejného repozitáře.

Testovací report

Klonoval jsem repozitář, nainstaloval do dočasného HOME (SKILL.md se umístil do ~/.claude/skills/banner-creator/), parsoval frontmatter pomocí PyYAML (name + 256znakový description, obojí přítomno) a surově načetl všech pět cest odkazovaných v těle — references/formats.md, scripts/crop_banner.py, templates/preview.html, examples/opc-banner-creation.md, .claude-plugin/plugin.json — všechny HTTP 200; žádné pevně zakódované cesty /Users nebo /home, žádné curl|sh, base64 bloby ani injekční text. NEMOHL jsem provést hlavní Krok 2: spuštění sourozeneckého nanobanana generate.py vypsalo „Error: GEMINI_API_KEY environment variable not set.“ a zde není k dispozici žádný klíč, takže nebyl nikdy vygenerován žádný obrázek banneru a neexistuje žádný pár artefaktů baseline-vs-skill. Ověřil jsem deterministický konec pracovního postupu vygenerováním syntetického PNG 2016x864 a spuštěním crop_banner.py — vytvořil správný 1280x640 (--ratio 2:1 --width 1280) a 1500x500 (--size 1500x500). Dokumentace je snížena, protože dodaný příklad tvrdí „Generating at 2:1 ratio for GitHub“, zatímco všechny tři příklady github-banner-0*.png jsou ve skutečnosti 1696x2528 na výšku (poměr 0.67), a SKILL.md říká generovat v poměru 21:9, zatímco každý příkladový obrázek je 16:9 nebo na výšku.

Testováno: 2026-07-21 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /banner-creatorGeneruje varianty bannerů přes Gemini, zobrazuje náhledy, ořezává na velikosti pro GitHub/Twitter/LinkedIn

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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