产品简介
web-asset-generator 这是一个Claude Code技能,用于从logo、文本或emoji自动生成favicon、应用图标和社交媒体图片。解决手动设计繁琐的痛点,适合使用Claude Code的网站开发者和内容创作者。

核心功能
- 生成多种尺寸的favicon和应用图标
- 支持emoji智能建议和使用
- 自动验证文件大小、尺寸和WCAG对比度
- 检测框架(如Next.js)并自动集成代码
- 生成PWA manifest.json和社交媒体Open Graph图片
快速开始
- 第一步:确保已安装Claude Code 2.0.13+和Python 3.6+环境。
- 第二步:通过插件市场命令`/plugins marketplace add alonw0/web-asset-generator`安装技能,并运行`pip install Pillow`。
- 第三步:重启Claude Code,然后使用自然语言命令如“创建我的咖啡店网站的favicon”来生成资产。
界面预览

与其他方案对比
| 对比项 | web-asset-generator | 同类方案 |
|---|---|---|
| 集成方式 | 与Claude Code深度集成,通过自然语言对话自动生成资产 | 独立工具或在线服务,通常需要手动上传文件或学习新界面 |
| 自动化程度 | 自动验证文件、检测框架并插入代码,减少手动工作 | 多数工具仅生成资产,验证和集成需手动完成 |
适合谁用
- 网站开发者需要快速生成favicon和图标以完善网站
- 内容创作者需要为博客或社交媒体制作分享图片
- 使用Claude Code的用户希望利用AI自动化资产生成
下载与版本
当前最新版本为 main,发布于 。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/alonw0/web-asset-generator