Web Asset Generator

Generiert Favicons, PWA-App-Icons und Open Graph Social Images aus einem Logo oder Text

Getestet · Funktioniert ★ 9.2/10

Was es kann

Generiert Web-Assets – Favicons, PWA-App-Icons und Open Graph/Twitter Social Sharing Images – aus einem Logo-Bild, einem Emoji oder einem Text-Slogan mithilfe von zwei Python/Pillow-Skripten und gibt die passenden HTML-Meta-Tags aus. Wird ausgelöst, wenn ein Benutzer Favicons, App-Icons oder Social Sharing/Open Graph-Bilder benötigt. Enthält einen optionalen --validate-Modus, der plattformspezifische Dimensionen, Dateigröße und WCAG-Kontrast überprüft.

Testbericht

Das Repo geklont und generate_og_images.py mit --text "Ship Faster with SkillProof" --validate unter Pillow 12.2.0 ausgeführt. Es erzeugte drei korrekt dimensionierte PNGs (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), gab einen korrekten OG+Twitter Meta-Tag-Block aus und führte 12 Validierungsprüfungen (Dateigröße, plattformspezifische Dimensionen, Format) durch, die bestanden wurden. Verifiziert, dass der Text tatsächlich gerendert wurde (160 verschiedene Farben: weißer Text auf #4F46E5). Meine Baseline war eine naive einzeilige PIL-Zeichnung: eine einzelne 1200x630-Datei mit der winzigen Standard-Bitmap-Schriftart, dezentriert, keine Twitter-/Quadrat-Variante, keine Meta-Tags, keine Validierung – das Skill-Artefakt ist konkret reicher (3 Dateien vs 1, 144px automatisch skalierte zentrierte TrueType-Schriftart, Meta-Tags, Validierung). Ein Sicherheits-Grep über die Skripte fand keine Netzwerk-, Exec-, Base64- oder Subprozessaufrufe. Emoji-Quelle (erfordert optionales pilmoji, nicht installiert) oder Logo-basierte Favicon-Generierung wurden nicht getestet.

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

Installation

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

Befehle & Beispiel-Prompts

/web-asset-generatorGeneriert Favicons, PWA-App-Icons und Open Graph Social Images aus einem Logo oder Text

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →