Web Asset Generator

Genera favicons, iconos de aplicación PWA e imágenes sociales de Open Graph a partir de un logotipo o texto

Probado · Funciona ★ 9.2/10

Qué hace

Genera activos web — favicons, iconos de aplicación PWA e imágenes de Open Graph/Twitter para compartir en redes sociales — a partir de una imagen de logotipo, un emoji o un eslogan de texto utilizando dos scripts de Python/Pillow, y emite las metaetiquetas HTML correspondientes. Se activa cuando un usuario necesita favicons, iconos de aplicación o imágenes para compartir en redes sociales/Open Graph. Incluye un modo opcional --validate que verifica las dimensiones por plataforma, el tamaño del archivo y el contraste WCAG.

Informe de la prueba

Se clonó el repositorio y se ejecutó generate_og_images.py con --text "Ship Faster with SkillProof" --validate bajo Pillow 12.2.0. Produjo tres PNGs de tamaño correcto (og-image 1200x630, twitter-image 1200x675, og-square 1200x1200), emitió un bloque de metaetiquetas OG+Twitter correcto y ejecutó 12 comprobaciones de validación (tamaño de archivo, dimensiones por plataforma, formato) que pasaron. Se verificó que el texto se renderizó realmente (160 colores distintos: texto blanco sobre #4F46E5). Mi línea base fue un dibujo PIL ingenuo de una sola línea: un solo archivo de 1200x630 con la pequeña fuente de mapa de bits predeterminada, descentrado, sin variante de Twitter/cuadrado, sin metaetiquetas, sin validación — el artefacto de la skill es concretamente más rico (3 archivos vs 1, fuente TrueType centrada de 144px de tamaño automático, metaetiquetas, validación). La búsqueda de seguridad en los scripts no encontró llamadas de red, exec, base64 o subprocesos. No se probó la fuente de emoji (requiere pilmoji opcional, no instalado) ni la generación de favicon basada en logotipo.

Probado el: 2026-07-21 · Claude Code 2.x (agent harness)

Instalación

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

Comandos y prompts de ejemplo

/web-asset-generatorGenera favicons, iconos de aplicación PWA e imágenes sociales de Open Graph a partir de un logotipo o texto

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

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

Informe completo →