Can it update my HTML files automatically?

Yes, the skill includes a workflow to auto-detect your project layout and offer to insert the generated HTML meta tags for you.

What social media platforms are supported for meta images?

It generates optimized images for Facebook, WhatsApp, LinkedIn (1200x630) and Twitter (1200x675 large cards).

Does it handle the favicon.ico format?

Yes, it creates a multi-resolution favicon.ico file alongside standard PNG favicons to ensure compatibility with all browsers.

Can I generate icons if I do not have a logo image?

Yes, you can generate professional-looking assets using text slogans or emoji characters, including smart emoji suggestions based on your project description.

What frameworks does it support for auto-integration?

The skill supports Next.js, Astro, SvelteKit, Vue/Nuxt, Gatsby, and plain HTML projects for automatic tag insertion.

Web Asset Generator

Name: Web Asset Generator
Author: alonw0

byalonw0

•

102

•

设计工具

Generates production-ready favicons, PWA app icons, and Open Graph social media images from logos, text, or emojis.

The Web Asset Generator skill streamlines the creation of essential web branding assets by generating a comprehensive suite of icons and social sharing images directly within your workflow. It automates the tedious process of resizing images for multiple platforms—including iOS, Android, Facebook, Twitter, and LinkedIn—and provides the exact HTML meta tags required for implementation. With support for framework auto-detection (Next.js, Astro, SvelteKit, and more), the skill can automatically integrate generated assets and tags into your codebase, ensuring your project looks professional across all browsers and social media previews.

主要功能

01Smart emoji-to-icon generation with contextual suggestions

02Open Graph and Twitter Card social media image creation

03102 GitHub stars

04PWA-compliant app icons for iOS and Android home screens

05Automated HTML meta tag generation and framework integration

06Multi-format favicon generation (16x16, 32x32, 96x96, and .ico)

使用场景

01Generating high-quality social sharing previews for blog posts or landing pages

02Automating the migration of manual image assets to a standardized PWA icon set

03Setting up professional branding for a new web project or MVP

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add alonw0/web-asset-generator web-asset-generator

For use in Claude.ai and ChatGPT

主要功能

01Smart emoji-to-icon generation with contextual suggestions

02Open Graph and Twitter Card social media image creation

03102 GitHub stars

04PWA-compliant app icons for iOS and Android home screens

05Automated HTML meta tag generation and framework integration

06Multi-format favicon generation (16x16, 32x32, 96x96, and .ico)

使用场景

01Generating high-quality social sharing previews for blog posts or landing pages

02Automating the migration of manual image assets to a standardized PWA icon set

03Setting up professional branding for a new web project or MVP

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add alonw0/web-asset-generator web-asset-generator

For use in Claude.ai and ChatGPT