skills.rest
jackspace
jackspaceCOMMUNITY
Explore all skills by this author →
GitHub

web-asset-generator

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

16|7|Updated Nov 20, 2025
Search Tags:#emoji#image-generation#Open Graph#app-icons#favicons#Twitter images
One-click install
npx skills add https://github.com/jackspace/ClaudeSkillz --skill web-asset-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-asset-generator
Source: https://github.com/jackspace/ClaudeSkillz/tree/main/skills/web-asset-generator
Command: npx skills add https://github.com/jackspace/ClaudeSkillz --skill web-asset-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps generate professional web assets—favicons, app icons, and social media meta images—from logos or text slogans. It supports image resizing, emoji-based generation, and outputs ready-to-use HTML meta tags.

Core Features & Use Cases

  • Generate favicons and app icons (ICO, PNGs, Apple touch icons) from a logo
  • Create social images (Open Graph and Twitter cards) from logos or text
  • Emoji-based favicon generation with optional backgrounds
  • Built-in validation for size, dimensions, formats, and contrast
  • Outputs HTML meta tags for easy integration in your site

Quick Start

  1. Install Python and Pillow, then install optional libraries (pilmoji, emoji).
  2. Generate favicons from a logo: python scripts/generate_favicons.py <source_image> <output_dir>
  3. Generate social images from text: python scripts/generate_og_images.py <output_dir> --text "Your slogan"
  4. Validate assets with --validate to ensure size and contrast meet platform specs

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?▼

Generate favicons and app icons by running the favicon script with your logo as input. The Skill produces ICO and PNG files in multiple sizes (16x16, 32x32, 64x64, 152x152 for Apple touch icons) plus HTML meta tags ready to paste into your site's head section.

Can I create social media images from text slogans?▼

Yes, create Open Graph and Twitter card images directly from text slogans using the social image generation script. The Skill renders text as images optimized for each platform's dimensions and outputs the corresponding HTML meta tags.

Does this tool support emoji in favicons?▼

Yes, the Skill supports emoji-based favicon generation with optional background customization through Pilmoji. Emoji render as crisp icons suitable for browsers and app launchers when Pilmoji is installed.

What are the prerequisites for using this Skill?▼

You need Python 3.6 or later and the Pillow library. For emoji rendering, install Pilmoji and the emoji package. Provide source materials as either uploaded logo images or text slogans.

How does the Skill validate generated assets?▼

Run the validation option to check asset size, dimensions, format compliance, and contrast ratios against platform specifications for favicons, app icons, and social images before deployment.

What file formats and sizes does the Skill output?▼

The Skill outputs ICO files for favicons, PNG files in multiple sizes for app icons and social media, and generates HTML meta tags with proper Open Graph and Twitter card attributes for each image.

Related Skills

Explore More Design & Creative Skills→
tassiovaletassiovale
13

web-asset-generator

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

Community
Intermediate
hellitonsmhellitonsm

web-asset-generator

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

Community
Advanced
kennyolofsson23-netizenkennyolofsson23-netizen

web-asset-generator

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

Community
Advanced
jackspacejackspace
16

web-asset-generator

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

Community
Advanced