Help us improve
Share bugs, ideas, or general feedback.
Official marketplace for Web Asset Generator - A Claude Code plugin for generating favicons, app icons, and social media images
npx claudepluginhub alonw0/web-asset-generatorGenerate favicons, app icons, and social media images from logos, text, or emojis. Features emoji suggestions, WCAG validation, and automatic framework integration for Next.js, Astro, SvelteKit, and more.
RuFlo Marketplace: Claude Code native agents, swarms, workers, and MCP tools for continuous software engineering
No description available.
Code intelligence powered by a knowledge graph — execution flows, blast radius, and semantic search
Share bugs, ideas, or general feedback.
🎨 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!
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!
See the skill in action:
https://github.com/user-attachments/assets/99b37698-98ec-42fe-87aa-f96b86edc00b
Your browser doesn't support video playback. Download the demo video.Watch Claude automatically generate favicons, validate them, and integrate them into your project!
Recommended: Via Plugin Marketplace
The easiest way to install:
/plugins marketplace add alonw0/web-asset-generator
and then
/plugin install web-asset-generator@web-asset-generator-marketplace
Then install dependencies:
pip install Pillow
# Optional: For emoji support
pip install pilmoji 'emoji<2.0.0'
Alternative: Manual Installation
Clone this repository:
git clone https://github.com/alonw0/web-asset-generator.git
cd web-asset-generator
Copy the skill folder to Claude's skills directory:
# macOS/Linux
cp -r skills/web-asset-generator ~/.claude/skills/
# Windows
xcopy /E /I skills\web-asset-generator %USERPROFILE%\.claude\skills\web-asset-generator
Install dependencies:
pip install Pillow
pip install pilmoji 'emoji<2.0.0' # Optional
After installation, restart Claude Code to load the plugin.
Open Claude Code and try:
Claude will automatically invoke this skill and guide you through the process!
Emoji Favicon Generated from 🚀 with custom background |
Social Media Image Text with dynamic font sizing |