Claude Skill
alonw0/web-asset-generator
一款Claude Skill,能够从Logo、文本或表情符号生成网站图标、应用图标和社交媒体图片。具有表情符号建议、验证与框架自动集成功能。
概览
仓库信息
安装这个 Skill
pip install PillowRegistry 信息
pip install Pillowpip install pilmoji 'emoji<2.0.0'git clone https://github.com/alonw0/web-asset-generator.gitpip install pilmoji 'emoji<2.0.0' # Optionalpip install 'emoji<2.0.0'
项目简介
一个Claude Skill,能够从Logo、文本或表情符号生成网站图标、应用图标和社交媒体图片等核心网络资产。具有表情符号建议、验证与框架自动集成功能。
Claude skill to generate favicons, app icons, and social media images from logos, text, or emojis. Supports emoji suggestions, validation, and framework auto-integration.
要点
- 生成网站图标、应用图标和社交媒体图片
- 支持Logo、文本或表情符号输入
- 表情符号建议与验证功能
- 自动框架集成功能
- 基于Python实现
使用场景
- 开发者生成网站图标
- 移动应用程序的应用图标创建
- 社交媒体图片优化用于营销
- 品牌资产自动化处理设计流程
- 基于表情符号的创意项目资产生成
README 摘要
# 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://cl
话题
暂无话题