skills.rest
I-Onlabs
I-OnlabsCOMMUNITY
Explore all skills by this author →
GitHub

web-asset-generator

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

3|1|Updated Dec 21, 2025
Search Tags:#branding#python#favicon#open-graph#og-image#web-assets
One-click install
npx skills add https://github.com/I-Onlabs/claude-code-skills --skill web-asset-generator-i-onlabs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-asset-generator
Source: https://github.com/I-Onlabs/claude-code-skills/tree/main/web-asset-generator/skills/web-asset-generator
Command: npx skills add https://github.com/I-Onlabs/claude-code-skills --skill web-asset-generator-i-onlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Web projects often need multiple branded assets (favicons, app icons, Open Graph images) and the right HTML tags; this skill automates generation from a logo or text to deliver ready-to-use assets.

Core Features & Use Cases

  • Automated Asset Creation: Generate favicons, Apple touch icons, and Android icons from a single source image.
  • Open Graph Image Builder: Create robust social previews (1200×630, 1200×675) from logos or text with optional branding.
  • HTML Tag Generation: Output ready-to-insert meta and link tags for web pages.

Quick Start

Run the web asset generator with a logo or text slogan to produce all icons and social images, and return ready-to-insert HTML meta tags.

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 Open Graph images from a single logo?▼

To generate favicons and Open Graph images from a single logo, use a Python script to automate image resizing and text-to-image generation. This process outputs all necessary web assets and ready-to-insert HTML meta tags for your branding pipeline.

What is the standard size for Open Graph images used in social previews?▼

Standard Open Graph images for social previews are typically generated at 1200×630 or 1200×675 pixels. Creating these robust social images from logos or text ensures optimal link unfurling across platforms.

Can I generate PWA app icons and HTML meta tags using Python?▼

Yes, you can generate PWA app icons and HTML meta tags using Python scripts powered by Pillow. This automates the creation of Apple touch icons, Android icons, and the corresponding link tags for web pages.

Does this web asset generator support creating images from text slogans?▼

Yes, the web asset generator supports text-to-image generation, allowing you to create Open Graph images directly from text slogans. It utilizes Python libraries like Pillow and pilmoji to render text and emojis into social image formats.

What Python libraries are needed to automate favicon creation?▼

Automating favicon creation requires the Python libraries Pillow, pilmoji, and emoji. These dependencies handle image resizing, text rendering, and emoji integration for generating comprehensive web assets.

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
hellitonsmhellitonsm

web-asset-generator

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

Community
Advanced
Shamrock2245Shamrock2245
1

python-executor

Execute Python 3.10 scripts in a sandboxed environment with configurable timeouts.

Community
Intermediate
broomvabroomva
3

brand-icons

Generate favicons, app icons, and Open Graph images from SVG and PNG sources.

Community
Intermediate