Web Asset Generator

Génère des favicons, des icônes d'application PWA et des images sociales Open Graph à partir d'un logo ou d'un texte

par alonw0 · alonw0/web-asset-generator

Testé · Fonctionne ★ 9.2/10

Web Asset Generator — Génère des favicons, des icônes d'application PWA et des images sociales Open Graph à partir d'un logo ou d'un texte

Ce que fait

Génère des assets web — favicons, icônes d'application PWA et images de partage social Open Graph/Twitter — à partir d'une image de logo, d'un emoji ou d'un slogan textuel à l'aide de deux scripts Python/Pillow, et émet les balises méta HTML correspondantes. Se déclenche lorsqu'un utilisateur a besoin de favicons, d'icônes d'application ou d'images de partage social/Open Graph. Inclut un mode optionnel --validate qui vérifie les dimensions par plateforme, la taille du fichier et le contraste WCAG.

Rapport de test

Cloned le dépôt et exécuté generate_og_images.py avec --text "Ship Faster with SkillProof" --validate sous Pillow 12.2.0. Il a produit trois PNG de tailles correctes (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), émis un bloc de balises méta OG+Twitter correct, et exécuté 12 vérifications de validation (taille de fichier, dimensions par plateforme, format) qui ont réussi. Vérifié que le texte était réellement rendu (160 couleurs distinctes : texte blanc sur #4F46E5). Ma base était un simple dessin PIL naïf : un seul fichier 1200x630 avec la petite police bitmap par défaut, décentré, sans variante Twitter/carrée, sans balises méta, sans validation — l'artefact de la compétence est concrètement plus riche (3 fichiers vs 1, police TrueType centrée de 144px à taille automatique, balises méta, validation). La recherche de sécurité à travers les scripts n'a trouvé aucun appel réseau, exec, base64 ou subprocess. N'a pas testé la source emoji (nécessite pilmoji optionnel, non installé) ou la génération de favicon basée sur un logo.

Testé le: 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

Commandes et exemples de prompts

  • /web-asset-generatorGénère des favicons, des icônes d'application PWA et des images sociales Open Graph à partir d'un logo ou d'un texte

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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