Banner Creator

Generuje warianty banerów za pomocą Gemini, podgląda je, przycina do rozmiarów GitHub/Twitter/LinkedIn

Autor: ReScienceLab · ReScienceLab/opc-skills

Działa po konfiguracji ★ 6.4/10

Banner Creator — Generuje warianty banerów za pomocą Gemini, podgląda je, przycina do rozmiarów GitHub/Twitter/LinkedIn

Co robi ten skill

Uruchamia przepływ pracy projektowania banerów: pyta o cel, proporcje, styl i kolory, generuje warianty obrazów wsadowo za pomocą umiejętności nanobanana wspieranej przez Gemini, pokazuje je w siatce podglądu HTML, iteruje na podstawie wyborów użytkownika, a następnie przycina wybrany do rozmiaru docelowej platformy. Uruchamia się, gdy ktoś prosi o baner, nagłówek, obraz hero, obraz okładki, baner GitHub README lub nagłówek Twitter/X. Wymaga GEMINI_API_KEY i oddzielnej umiejętności nanobanana z tego samego repozytorium.

Raport z testu

Sklonowano repozytorium, zainstalowano w tymczasowym HOME (SKILL.md wylądował w ~/.claude/skills/banner-creator/SKILL.md), sparsowano frontmatter za pomocą PyYAML (name + 256-znakowy description, oba obecne) i pobrano wszystkie pięć ścieżek odwołanych w treści — references/formats.md, scripts/crop_banner.py, templates/preview.html, examples/opc-banner-creation.md, .claude-plugin/plugin.json — wszystkie HTTP 200; brak hardcoded /Users lub /home paths, brak curl|sh, base64 blobs lub tekstu iniekcji. NIE MOGŁEM wykonać podstawowego Kroku 2: uruchomienie siostrzanego nanobanana generate.py wydrukowało „Error: GEMINI_API_KEY environment variable not set.” i brak klucza, więc nigdy nie wygenerowano obrazu banera i nie istnieje para artefaktów baseline-vs-skill. Zweryfikowałem deterministyczny koniec przepływu pracy, generując syntetyczny PNG 2016x864 i uruchamiając crop_banner.py — wyprodukował on poprawne 1280x640 (--ratio 2:1 --width 1280) i 1500x500 (--size 1500x500). Dokumentacja jest obniżona, ponieważ dostarczony przykład twierdzi „Generating at 2:1 ratio for GitHub”, podczas gdy wszystkie trzy przykłady github-banner-0*.png są w rzeczywistości portretami 1696x2528 (stosunek 0.67), a SKILL.md mówi o generowaniu w proporcjach 21:9, podczas gdy każdy przykład obrazu to 16:9 lub portret.

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

Instalacja

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

Komendy i przykładowe prompty

  • /banner-creatorGeneruje warianty banerów za pomocą Gemini, podgląda je, przycina do rozmiarów GitHub/Twitter/LinkedIn

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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