Claude Skill

alonw0/web-asset-generator

Claude Skill for generating web assets including favicons, app icons, and social media images from logos, text, or emojis. Features emoji suggestions, validation, and framework auto-integration.

Overview

Stars436
Forks46
LanguagePython
Last pushed2026-01-28
Last synced2026-07-04
View on GitHub

Repository

Owneralonw0
Repositoryweb-asset-generator
Full namealonw0/web-asset-generator
Repo ID1,080,317,236
GitHub URLhttps://github.com/alonw0/web-asset-generator

Install this Skill

pip install Pillow
GitHub

Registry

Typeworkflow
Quality score75/100
Verificationreadme_parsed
Last verified2026-06-12
Platforms
Claude
Capabilities
browsercode-reviewpdfimagevideoterminalworkflow
Detected files
README.mddocs
Install methods
  • pip install Pillow
  • pip install pilmoji 'emoji<2.0.0'
  • git clone https://github.com/alonw0/web-asset-generator.git
  • pip install pilmoji 'emoji<2.0.0' # Optional
  • pip install 'emoji<2.0.0'

Summary

A Claude Skill that generates essential web assets including favicons, app icons, and social media images from logos, text, or emojis. It provides emoji suggestions, validation, and automatic framework integration capabilities.

Chinese description

Claude Skill：从Logo、文本或表情符号生成网站图标、应用图标及社交媒体图片。支持表情符号建议、验证与框架自动集成功能。

Key features

  • Generate favicons, app icons, and social media images
  • Input from logos, text, or emojis
  • Emoji suggestion and validation features
  • Automatic framework integration
  • Python-based implementation

Use cases

  • Website favicon generation for developers
  • App icon creation for mobile applications
  • Social media image optimization for marketing
  • Brand asset automation for design workflows
  • Emoji-based asset generation for creative projects

README excerpt

# Web Asset Generator - Claude Code Skill > 🎨 A Claude Code Skill for generating favicons, app icons, and social media images Talk to Claude naturally to create production-ready web assets from logos, text, or emojis! [![Claude Code](https://img.shields.io/badge/Claude-Code_Skill-violet)](https://claude.ai/code) [![Python 3.6+](https://img.shields.io/badge/python-3.6+-blue.svg)](https://www.python.org/downloads/) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE) [![Mentioned in Awesome Claude Code](https://awesome.re/mentioned-badge.svg)](https://github.com/hesreallyhim/awesome-claude-code) ## What is This? This is a **Claude Code Skill** - a modular capability that extends Claude's functionality. When installed, Claude can automatically generate web assets through natural conversation. **Example conversation:** > **You:** "Create a favicon for my coffee shop website" > > **Claude:** > - Suggests relevant emojis (☕ Coffee, 🏪 Store) > - Generates all icon sizes (16×16 through 512×512) > - Validates files and checks accessibility > - Detects your framework (Next.js, Astro, etc.) > - Offers to add HTML tags to your code > - Provides testing validator links No manual work needed - just ask Claude! ## 🎬 Demo See the skill in action: https://github.com/user-attachments/assets/99b37698-98ec-42fe-87aa-f96b86edc00b <video src="https://github.com/alonw0/web-asset-generator/raw/main/demo.mp4" width="100%" controls> Your browser doesn't support video playback. <a href="https://github.com/alonw0/web-asset-generator/raw/main/demo.mp4">Download the demo video</a>. </video> *Watch Claude automatically generate favicons, validate them, and integrate them into your project!* ## 🚀 Quick Start ### 1. Prerequisites - [Claude Code](https://cl

Topics

No topics yet.

Explore more

Owner: alonw0Language: Python

Data from GitHub. Synced on 2026-07-04