Web Asset Generator

Generuje favikony, ikony PWA aplikací a Open Graph sociální obrázky z loga nebo textu

Otestováno · Funguje ★ 9.2/10

Co umí

Generuje webové assety – favikony, ikony PWA aplikací a Open Graph/Twitter obrázky pro sdílení na sociálních sítích – z obrázku loga, emoji nebo textového sloganu pomocí dvou Python/Pillow skriptů a vydává odpovídající HTML meta tagy. Spouští se, když uživatel potřebuje favikony, ikony aplikací nebo obrázky pro sdílení na sociálních sítích/Open Graph. Zahrnuje volitelný režim --validate, který kontroluje rozměry pro jednotlivé platformy, velikost souboru a kontrast WCAG.

Testovací report

Klonováno repo a spuštěn generate_og_images.py s --text "Ship Faster with SkillProof" --validate pod Pillow 12.2.0. Vytvořil tři správně velké PNG (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), vydal správný blok meta tagů OG+Twitter a provedl 12 validačních kontrol (velikost souboru, rozměry pro jednotlivé platformy, formát), které prošly. Ověřeno, že text se skutečně vykreslil (160 různých barev: bílý text na #4F46E5). Moje základní verze byla naivní jednořádková kresba PIL: jeden soubor 1200x630 s malým výchozím bitmapovým písmem, mimo střed, bez varianty Twitter/čtverec, bez meta tagů, bez validace – artefakt dovednosti je konkrétně bohatší (3 soubory vs 1, 144px automaticky veliké centrované TrueType písmo, meta tagy, validace). Bezpečnostní grep napříč skripty nenašel žádné síťové, exec, base64 nebo subprocess volání. Netestován zdroj emoji (vyžaduje volitelný pilmoji, není nainstalován) ani generování favikon na základě loga.

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

Instalace

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

Příkazy a ukázkové prompty

/web-asset-generatorGeneruje favikony, ikony PWA aplikací a Open Graph sociální obrázky z loga nebo textu

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

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

Kompletní testovací report (anglicky) →