Skills
.Work. You
Rest

web-asset-generation

Community

Generate complete web icons, meta tags, and manifests.

Design & Creative#favicon#open-graph#twitter-card#image-resizing#web-manifest#pwa-icons#social-meta-tags
Authoritallstartedwithaidea
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Web Asset Generation eliminates the tedious, error-prone work of manually creating and wiring all the required website icons and social sharing metadata for modern browsers and platforms.

Core Features & Use Cases

  • Favicon and Apple Touch Icon Sets: Generates the correct image variants (including standard and platform-specific sizes) so bookmarks, tabs, and iOS devices display properly.
  • PWA Icons and Web Manifest: Produces regular and maskable icon variants and a manifest.json configured for installable PWA behavior.
  • Open Graph and Social Meta Tags: Creates Open Graph tags plus Twitter card configuration to ensure correct previews when sharing on social platforms.

Use case example: After a brand refresh, generate the full favicon set, PWA icon set, manifest, and social meta tags from a single source image so every platform displays consistent branding.

Quick Start

Use the web-asset-generation skill to generate favicon files, PWA icons with manifest.json, and copy-paste HTML meta tags from my source image for site name, URL, theme color, and description.

Dependency Matrix

Required Modules

None required

Components

assets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: web-asset-generation
Download link: https://github.com/itallstartedwithaidea/agent-skills/archive/main.zip#web-asset-generation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.