Web Asset Generator

Genererer favicons, PWA app-ikoner og Open Graph sosiale bilder fra en logo eller tekst

Bestått ★ 9.2/10

Hva den gjør

Genererer web-ressurser – favicons, PWA app-ikoner og Open Graph/Twitter sosiale delingsbilder – fra et logo-bilde, en emoji, eller en tekst-slogan ved hjelp av to Python/Pillow-skript, og sender ut de matchende HTML meta-taggene. Utløses når en bruker trenger favicons, app-ikoner, eller sosiale delings-/Open Graph-bilder. Inkluderer en valgfri --validate-modus som sjekker dimensjoner per plattform, filstørrelse og WCAG-kontrast.

Testrapport

Klonet repoet og kjørte generate_og_images.py med --text "Ship Faster with SkillProof" --validate under Pillow 12.2.0. Den produserte tre korrekt dimensjonerte PNG-er (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), sendte ut en korrekt OG+Twitter meta-tag blokk, og kjørte 12 valideringssjekker (filstørrelse, dimensjoner per plattform, format) som besto. Verifiserte at tekst faktisk ble gjengitt (160 distinkte farger: hvit tekst på #4F46E5). Min baseline var en naiv en-linjes PIL-tegning: en enkelt 1200x630-fil med den lille standard bitmap-fonten, usentrert, ingen Twitter/kvadrat-variant, ingen meta-tags, ingen validering — ferdighetsartefakten er konkret rikere (3 filer vs 1, 144px auto-størrelse sentrert TrueType-font, meta-tags, validering). Sikkerhetssøk på tvers av skript fant ingen nettverk, exec, base64, eller subprocess-kall. Testet ikke emoji-kilde (krever valgfri pilmoji, ikke installert) eller logo-basert favicon-generering.

Testet på: 2026-07-21 · Claude Code 2.x (agent harness)

Installer

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 sosiale bilder fra en logo eller tekst

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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

Full rapport →