skills.rest
tassiovale
tassiovaleCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-asset-generator

Generate favicons, app icons, and social media meta images with HTML tags.

13|3|Updated Jun 10, 2026
Search Tags:#social media#icon generation#favicon#app icon#web assets#meta image
One-click install
npx skills add https://github.com/tassiovale/claude-code-kit --skill web-asset-generator-tassiovale
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-asset-generator
Source: https://github.com/tassiovale/claude-code-kit/tree/main/skills/web-asset-generator
Command: npx skills add https://github.com/tassiovale/claude-code-kit --skill web-asset-generator-tassiovale

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, pilmoji, emoji, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the generation of web assets, including favicons, app icons, and social media meta images, saving time and ensuring consistency across platforms.

Core Features & Use Cases

  • Favicon and App Icon Generation: Create favicons and app icons from logos or emojis, with customizable sizes and formats.
  • Social Media Image Generation: Generate Open Graph images for Facebook, Twitter, WhatsApp, and LinkedIn, with options for text, logos, and custom backgrounds.
  • Validation: Validate image sizes, dimensions, formats, and contrast ratios to ensure compliance with platform requirements.

Quick Start

Use the web-asset-generator skill to generate a favicon from the logo 'logo.png' and save it to 'output/favicons/'.

Frequently Asked Questions about web-asset-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate favicons and app icons from a logo?▼

You can generate favicons and app icons from a logo by using Python with the Pillow library to automate image resizing. This process creates customizable sizes and formats for web and app platforms.

Can I create social media meta images with text and custom backgrounds?▼

Yes, you can create social media meta images with text and custom backgrounds. The tool generates Open Graph images for platforms like Facebook, Twitter, WhatsApp, and LinkedIn.

Do I need Python and Pillow to generate web assets?▼

Yes, you need Python 3.6 or higher and the Pillow library to generate web assets. Pilmoji is an optional dependency for rendering emojis within your icons or images.

Does this tool validate image sizes for social media requirements?▼

Yes, the tool validates image sizes, dimensions, formats, and contrast ratios. This validation ensures your generated web assets comply with specific platform requirements.

What is the best way to generate app icons from emojis?▼

The best way to generate app icons from emojis is using Python with the optional Pilmoji library. This approach handles text-to-image generation and applies proper resizing for web assets.

Does the generator provide HTML meta tags for social media images?▼

Yes, the generator provides proper HTML meta tags along with your social media images. This ensures platforms like Facebook and Twitter can correctly display your Open Graph data.

Related Skills

Explore More Design & Creative Skills→
jackspacejackspace
16

web-asset-generator

Generate favicons, app icons, and Open Graph images from logos or text slogans.

Community
Advanced
script-reposcript-repo

Pair Programming

Automate collaborative coding sessions with driver, navigator, and switch modes.

Community
Advanced
LeoyishouLeoyishou
27

baoyu-compress-image

Compress images using sips, cwebp, ImageMagick, or Sharp with format and quality control.

Community
Intermediate
mklozmkloz

quieter

Adjust color saturation, contrast, and visual weight in design files.

Community
Advanced