Web Asset Generator

Genererer favicons, PWA app-ikoner og Open Graph sociale billeder fra et logo eller tekst

Testet · Virker ★ 9.2/10

Hvad det gør

Genererer web-aktiver — favicons, PWA app-ikoner og Open Graph/Twitter sociale delingsbilleder — fra et logo-billede, en emoji eller et tekst-slogan ved hjælp af to Python/Pillow scripts, og udsender de matchende HTML meta-tags. Udløses, når en bruger har brug for favicons, app-ikoner eller sociale delings-/Open Graph-billeder. Inkluderer en valgfri --validate-tilstand, der kontrollerer per-platform dimensioner, filstørrelse og WCAG-kontrast.

Testrapport

Klonede repo'et og kørte generate_og_images.py med --text "Ship Faster with SkillProof" --validate under Pillow 12.2.0. Den producerede tre korrekt-størrelse PNG'er (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), udsendte en korrekt OG+Twitter meta-tag blok, og kørte 12 valideringskontroller (filstørrelse, per-platform dimensioner, format), der bestod. Verificerede, at tekst faktisk blev gengivet (160 forskellige farver: hvid tekst på #4F46E5). Min baseline var en naiv en-linjes PIL-tegning: en enkelt 1200x630 fil med den lille standard bitmap-skrifttype, off-center, ingen Twitter/kvadrat-variant, ingen meta-tags, ingen validering — skill-artefaktet er konkret rigere (3 filer vs 1, 144px auto-størrelse centreret TrueType-skrifttype, meta-tags, validering). Sikkerheds-grep på tværs af scripts fandt ingen netværks-, exec-, base64- eller subprocess-kald. Testede ikke emoji-kilde (kræver valgfri pilmoji, ikke installeret) eller logo-baseret favicon-generering.

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

Kommandoer og eksempelprompter

/web-asset-generatorGenererer favicons, PWA app-ikoner og Open Graph sociale billeder fra et logo eller tekst

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

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 hele rapporten →