Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Claude skill to generate favicons, app icons, and social media images from logos, text, or emojis. Supports emoji suggestions, validation, and framework auto-integration.
| Date | Stars |
|---|---|
| 2026-07-31 | 477 |
| 2026-08-04 | 479 |
| 2026-08-06 | 479 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
# 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! [](https://claude.ai/code) [](https://www.python.org/downloads/) [](LICENSE) [](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://claude.ai/code) 2.0.13 or later - Python 3.6+ with pip ### 2. Install the Plugin **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: ```bash pip install Pillow # Optional: For emoji support pip install pilmoji 'emoji<2.0.0' ``` **Alternative: Manual Installation** <details> <summary>Click to expand manual installation steps</summary> Clone this repository: ```bash git clone https://github.com/alonw0/web-asset-generator.git cd web-asset-generator ``` Copy the skill folder to Claude's skills directory: ```bash # 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: ```bash pip install Pillow pip install pilmoji 'emoji<2.0.0' # Optional ``` </details> ### 3. Restart Claude Code After installation, restart Claude Code to load the plugin. ### 4. Use It! Open Claude Code and try: - "Create a favicon with a rocket emoji" - "Generate Open Graph images for my blog" - "Make app icons from my logo.png" Claude will automatically invoke this skill and guide you through the process! ## ✨ Features - **Favicons** - Browser icons (16×16, 32×32, 96×96, favicon.ico) - **App Icons** - PWA/mobile icons (180×180, 192×192, 512×512) - **PWA Manifest** - Auto-generate manifest.json with icons, colors, and settings - **Social Images** - Open Graph for Facebook, Twitter, LinkedIn (1200×630, 1200×675) - **Emoji Support** - 60+ curated emojis with smart suggestions - **Validation** - File sizes, dimensions, formats, WCAG contrast compliance - **Auto-Integration** - Framework detection and code insertion - **Interactive** - Question-based workflow using Claude's UI ## 📸 Examples <table> <tr> <td width="50%"> <img src="docs/examples/rocket-emoji.png" alt="Rocket emoji favicon" width="128"> <br> <b>Emoji Favicon</b><br> Generated from 🚀 with custom background </td> <td width="50%"> <img src="docs/examples/text-og-image.png" alt="Text-based social image" width=
Excerpt of 8,970 characters
Read on GitHubWould you bet a product on this? Bounded 0–100 and slow moving.
matched fp:67bc0904444d7610, llm:Repository description: "Claude skill to generate favicons, app icons, and social media images from logos, text, or emojis. Supports emoji suggestions, validation, and framework auto-integration." Language: Python. No topics provided.
matched fp:67bc0904444d7610, llm:Repository description: "Claude skill to generate favicons, app icons, and social media images from logos, text, or emojis. Supports emoji suggestions, validation, and framework auto-integration." Language: Python. No topics provided.
matched fp:67bc0904444d7610, llm:Repository description: "Claude skill to generate favicons, app icons, and social media images from logos, text, or emojis. Supports emoji suggestions, validation, and framework auto-integration." Language: Python. No topics provided.