Web Asset Generator

Generuje favikony, ikony aplikacji PWA i obrazy społecznościowe Open Graph z logo lub tekstu

Autor: alonw0 · alonw0/web-asset-generator

Testowano · Działa ★ 9.2/10

Co robi ten skill

Generuje zasoby internetowe — favikony, ikony aplikacji PWA i obrazy do udostępniania społecznościowego Open Graph/Twitter — z obrazu logo, emoji lub sloganu tekstowego za pomocą dwóch skryptów Python/Pillow i emituje pasujące tagi meta HTML. Uruchamia się, gdy użytkownik potrzebuje favikon, ikon aplikacji lub obrazów do udostępniania społecznościowego/Open Graph. Zawiera opcjonalny tryb --validate, który sprawdza wymiary dla każdej platformy, rozmiar pliku i kontrast WCAG.

Raport z testu

Sklonowano repozytorium i uruchomiono generate_og_images.py z --text "Ship Faster with SkillProof" --validate pod Pillow 12.2.0. Wygenerowało trzy poprawnie skalowane pliki PNG (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), wyemitowało poprawny blok meta-tagów OG+Twitter i uruchomiło 12 kontroli walidacji (rozmiar pliku, wymiary dla każdej platformy, format), które przeszły. Zweryfikowano, że tekst faktycznie się wyrenderował (160 różnych kolorów: biały tekst na #4F46E5). Moja baza była naiwnym jednowierszowym rysunkiem PIL: pojedynczy plik 1200x630 z małą domyślną czcionką bitmapową, poza centrum, bez wariantu Twitter/kwadrat, bez meta-tagów, bez walidacji — artefakt umiejętności jest konkretnie bogatszy (3 pliki vs 1, automatycznie skalowana do 144px wyśrodkowana czcionka TrueType, meta-tagi, walidacja). Wyszukiwanie grep pod kątem bezpieczeństwa w skryptach nie wykryło wywołań sieciowych, exec, base64 ani subprocess. Nie testowano źródła emoji (wymaga opcjonalnego pilmoji, niezainstalowanego) ani generowania favikon na podstawie logo.

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

Instalacja

git clone --depth 1 https://github.com/alonw0/web-asset-generator.git /tmp/web-asset-generator-src
mkdir -p ~/.claude/skills
cp -R /tmp/web-asset-generator-src/skills/web-asset-generator ~/.claude/skills/web-asset-generator
# Deps: Python 3.6+ and Pillow -> pip install Pillow --break-system-packages
# Optional emoji-source features also need: pip install pilmoji emoji --break-system-packages
# Run: python ~/.claude/skills/web-asset-generator/scripts/generate_og_images.py <out_dir> --text "..." [--validate]
#      python ~/.claude/skills/web-asset-generator/scripts/generate_favicons.py <logo.png> <out_dir> all

Komendy i przykładowe prompty

/web-asset-generatorGeneruje favikony, ikony aplikacji PWA i obrazy społecznościowe Open Graph z logo lub tekstu

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

Generate a favicon and app icons from our logo
Create Open Graph images for social sharing
Make a full icon set from this text slogan

Pełny raport →