web-asset-generation

Installation
SKILL.md

Web Asset Generation

Part of Agent Skills™ by googleadsagent.ai™

Description

Web Asset Generation automates the creation of favicons, PWA icons, Open Graph images, social media meta tags, and Apple touch icons from a single source image or brand specification. The agent produces the complete set of assets required for a modern web application—across all platforms, sizes, and formats—with proper HTML meta tags and web manifest configuration.

A professional web presence requires dozens of image variants: 16x16 and 32x32 favicons, 180x180 Apple touch icons, 192x192 and 512x512 PWA icons in both regular and maskable formats, 1200x630 Open Graph images, 1200x600 Twitter cards, and platform-specific splash screens. Generating these manually is tedious and error-prone; forgetting a single variant means broken previews on a specific platform. This skill automates the entire pipeline.

Beyond icon generation, the skill produces the associated configuration: HTML <link> and <meta> tags for the document head, manifest.json for PWA support, and platform-specific meta tags for Twitter Cards, Facebook Open Graph, and LinkedIn. The output is copy-paste ready—a complete set of assets with the HTML to reference them.

Use When

  • Setting up favicon and icon assets for a new web project
  • Generating Open Graph images for social media sharing
  • Configuring PWA manifest with proper icon sizes
  • Creating social media meta tags (Twitter Cards, OG tags)
  • Rebuilding assets after a brand update or redesign
Related skills
Installs
9
GitHub Stars
7
First Seen
Apr 12, 2026