Web Asset Generator

Genereert favicons, PWA app-pictogrammen en Open Graph sociale afbeeldingen van een logo of tekst.

Door alonw0 · alonw0/web-asset-generator

Getest · Werkt ★ 9.2/10

Wat het doet

Genereert web-assets — favicons, PWA app-pictogrammen en Open Graph/Twitter sociale deelafbeeldingen — van een logo-afbeelding, een emoji, of een tekstslogan met behulp van twee Python/Pillow-scripts, en zendt de overeenkomende HTML meta-tags uit. Activeert wanneer een gebruiker favicons, app-pictogrammen, of sociale deel-/Open Graph-afbeeldingen nodig heeft. Bevat een optionele --validate-modus die per-platform afmetingen, bestandsgrootte en WCAG-contrast controleert.

Testrapport

Repo gekloond en generate_og_images.py uitgevoerd met --text "Ship Faster with SkillProof" --validate onder Pillow 12.2.0. Het produceerde drie correct-geformatteerde PNG's (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), zette een correct OG+Twitter meta-tag blok uit, en voerde 12 validatiecontroles uit (bestandsgrootte, per-platform afmetingen, formaat) die slaagden. Geverifieerd dat tekst daadwerkelijk werd gerenderd (160 verschillende kleuren: witte tekst op #4F46E5). Mijn baseline was een naïeve één-regelige PIL-tekening: een enkel 1200x630 bestand met het kleine standaard bitmap lettertype, uit het midden, geen Twitter/vierkante variant, geen meta-tags, geen validatie — het skill-artefact is concreet rijker (3 bestanden vs 1, 144px automatisch aangepast gecentreerd TrueType lettertype, meta-tags, validatie). Beveiligingsgrep over scripts vond geen netwerk-, exec-, base64- of subprocess-aanroepen. Heb de emoji-bron (vereist optionele pilmoji, niet geïnstalleerd) of logo-gebaseerde favicon-generatie niet getest.

Getest op: 2026-07-21 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

/web-asset-generatorGenereert favicons, PWA app-pictogrammen en Open Graph sociale afbeeldingen van een logo of tekst.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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

Volledig rapport (Engels) →