Web Asset Generator

Genera favicon, icone app PWA e immagini social Open Graph da un logo o testo

Promosso ★ 9.2/10

Cosa fa

Genera asset web — favicon, icone app PWA e immagini di condivisione social Open Graph/Twitter — da un'immagine logo, un'emoji o uno slogan testuale utilizzando due script Python/Pillow, ed emette i tag meta HTML corrispondenti. Si attiva quando un utente ha bisogno di favicon, icone app o immagini di condivisione social/Open Graph. Include una modalità opzionale --validate che controlla dimensioni per piattaforma, dimensione del file e contrasto WCAG.

Rapporto di test

Clonato il repository ed eseguito generate_og_images.py con --text "Ship Faster with SkillProof" --validate sotto Pillow 12.2.0. Ha prodotto tre PNG di dimensioni corrette (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), ha emesso un blocco di meta tag OG+Twitter corretto e ha eseguito 12 controlli di validazione (dimensione del file, dimensioni per piattaforma, formato) che sono passati. Verificato che il testo è stato effettivamente renderizzato (160 colori distinti: testo bianco su #4F46E5). La mia baseline era un semplice disegno PIL a una riga: un singolo file 1200x630 con il minuscolo font bitmap predefinito, decentrato, senza variante Twitter/quadrata, senza meta tag, senza validazione — l'artefatto della skill è concretamente più ricco (3 file vs 1, font TrueType centrato auto-dimensionato a 144px, meta tag, validazione). La ricerca di sicurezza negli script non ha trovato chiamate di rete, exec, base64 o subprocess. Non testata la sorgente emoji (richiede pilmoji opzionale, non installato) o la generazione di favicon basata su logo.

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

Installazione

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

Comandi e prompt di esempio

/web-asset-generatorGenera favicon, icone app PWA e immagini social Open Graph da un logo o testo

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →