让 Claude 帮你做图标：favicon/App图标/社交图一条命令搞定

做过网站或小程序的朋友都知道——

一个看似简单的图标需求，往往要折腾半天。

要做 favicon，得知道 16×16、32×32、96×96 各自什么尺寸；要做 App 图标，得研究 iOS 和 Android 各自的要求；要做社交分享图，Open Graph 尺寸不对就分享出去糊成一团……

更要命的是，很多人根本没有设计工具，也不懂 PS/Figma。临时要用图标，要么花冤枉钱买素材，要么硬着头皮用 PPT 画一个四不像。

现在，Claude 帮你全部搞定。

这个 Skill 叫 web-asset-generator，直译就是「网页素材生成器」。装上之后，直接用自然语言告诉 Claude 你想要什么，它就能生成：

• ✅ Favicon（浏览器标签页图标，16×16 到 512×512 全套）
• ✅ App 图标（iOS/Android/PWA 全覆盖）
• ✅ 社交分享图（微信、Twitter、LinkedIn 封面图）
• ✅ Emoji 图标（输入 🚀 就给你生成火箭图标）
• ✅ PWA manifest.json（自动带上正确尺寸的图标配置）

生成完之后，它还会帮你验证文件大小、检查尺寸、校验色彩对比度，确保真正能上线。

举几个实际用法：

“给我博客生成一套 favicon，用咖啡杯 Emoji”
“为我的健身 App 生成 iOS 和 Android 图标，用我的 logo.png”
“做一张微信公众号封面图，标题是《AI 时代的写作指南》”
“为我的技术博客生成 Twitter Card 图片”

安装只需两步：

/plugins marketplace add alonw0/web-asset-generator
/plugin install web-asset-generator@web-asset-generator-marketplace
pip install Pillow

然后打开 Claude Code，想怎么生成就怎么生成。

GitHub 链接：

alonw0/web-asset-generator

GitHub: https://github.com/alonw0/web-asset-generator