Web Asset Generator

Genererar favicons, PWA-appikoner och Open Graph sociala bilder från en logotyp eller text

Testad · Fungerar ★ 9.2/10

Vad den gör

Genererar webbtillgångar – favicons, PWA-appikoner och Open Graph/Twitter sociala delningsbilder – från en logotypbild, en emoji eller en textslogan med hjälp av två Python/Pillow-skript, och avger de matchande HTML-meta-taggarna. Utlöses när en användare behöver favicons, appikoner eller sociala delnings-/Open Graph-bilder. Inkluderar ett valfritt --validate-läge som kontrollerar per-plattform-dimensioner, filstorlek och WCAG-kontrast.

Testrapport

Klonade repot och körde generate_og_images.py med --text "Ship Faster with SkillProof" --validate under Pillow 12.2.0. Den producerade tre korrekt dimensionerade PNG:er (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), avgav ett korrekt OG+Twitter meta-taggblock och körde 12 valideringskontroller (filstorlek, per-plattform-dimensioner, format) som godkändes. Verifierade att texten faktiskt renderades (160 distinkta färger: vit text på #4F46E5). Min baseline var en naiv enrads PIL-ritning: en enda 1200x630-fil med det lilla standard-bitmap-typsnittet, off-center, ingen Twitter/kvadrat-variant, ingen meta-taggar, ingen validering – färdighetsartefakten är konkret rikare (3 filer vs 1, 144px automatisk centrerad TrueType-font, meta-taggar, validering). Säkerhets-grep över skript hittade inga nätverks-, exec-, base64- eller subprocess-anrop. Testade inte emoji-källa (kräver valfri pilmoji, ej installerad) eller logotypbaserad favicon-generering.

Testad: 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

Kommandon och exempelprompter

/web-asset-generatorGenererar favicons, PWA-appikoner och Open Graph sociala bilder från en logotyp eller text

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →