Generate web assets from a logo or text slogan - favicons, PWA app icons, and Open Graph social images for Facebook, Twitter, WhatsApp, and LinkedIn - plus the matching HTML meta tags.
---
name: Web Asset Generator
description: Generate web assets - favicons, PWA app icons, and Open Graph social images for Facebook, Twitter, WhatsApp, and LinkedIn - from a logo image or text slogan, with the correct HTML meta tags. Use when the user needs icons, favicons, or social sharing images.
---
Produce professional favicons, app icons, and social meta images from a source logo or text, including ready-to-paste HTML tags.
## Workflow
1. Clarify needs with the AskUserQuestion tool: which assets (favicons, app icons, social images, or everything) and the source (an uploaded logo vs text/slogan, plus color preferences for text-based images).
2. Determine the source material - use an uploaded image directly, or generate text-based images from a provided slogan.
3. Run the right script: `scripts/generate_favicons.py` for favicons/app icons, `scripts/generate_og_images.py` for social images.
4. Generate the standard sizes - favicons (16/32/96 + favicon.ico), PWA app icons (180/192/512), and Open Graph images per platform.
5. Return the generated files plus the proper HTML `<link>`/meta tags for the user to drop into their site.
Full skill & source: https://github.com/alonw0/web-asset-generator/tree/main/skills/web-asset-generator