生成可比较的 Web/iOS 图标候选并导出真实资产 |生成可比的 Web/iOS 图标候选并导出真实资产。
概览
设计网站 favicon、iOS 应用图标或工具品牌入口时，最难的常常不是“生成一张图”，而是一次拿到可比较的方向、让用户选中、再导出到 Web 和 iOS 真实可用的尺寸。生成对应的应用图标方向，让用户选择，然后导出真实的网页和 iOS 图标资产。 NPX Skills add Joeseesun/qiaomu-icon-generator --list 可发现，真实临时目录安装可落盘 SKILL.md。 主示例换成了真实产品「乔木音乐网」：用 Codex bitmap reference method 生成 10 个候选，做 contact sheet 和 64 / 32px 可读性检查，最后选中 option-05，并实际导出到网站 favicon 和 iOS AppIcon.appiconset。 选择理由：option-05 是「Abstract Q Disc」，保留乔木音乐原有黑金气质，同时把唱片、播放入口和抽象 Q 结合起来;32px favicon 下仍能辨认。完整记录见 choices.md。 - 只生成一张图，没有比较，用户很难选。- 大图好看，但 32px favicon 看不清。- 用户选中了方向，却没有导出 favicon、apple-touch-icon、AppIcon.appiconset 的完整尺寸。 qiaomu-icon-generator 把这件事变成一个可复用流程：先读项目上下文，再生成 6-12 个候选，做 contact sheet 和小尺寸预览，最后把选中的图标导出成 Web / iOS 可用资产。 默认先根据用户要求选择方法。用户明确说“Codex 内置生图”“参考这些 图标风格”时，走 Codex 位图参考方法。 这条路径会输出可编辑 SVG:option-01.svg到 option-08.svg、contact-sheet.svg、choices.md 和 qm-icon-options.json。option-*.svg 是严格 1024x1024 方形源图;contact-sheet.
概述（AI 翻译）
设计网站 favicon、iOS App 图标或工具品牌入口时，最难的常常不是“生成一张图”，而是一次拿到可比较的方向、让用户选中、再导出到 Web 和 iOS 真实可用的尺寸。 生成可比较的应用图标方向，让用户选择，然后导出真实网页和iOS图标资产。
中文 |英语
已验证： npx skills add joeseesun/qiaomu-icon-generator --list 可发现，真实临时目录安装可落盘 SKILL.md。
真实示例输出
主示例换成了真实产品「乔木音乐网」：用 Codex bitmap reference method 生成 10 个候选，做 contact sheet 和 64 / 32px 可读性检查，最后选中 option-05，并实际导出到网站 favicon 和 iOS AppIcon.appiconset。
| 最终图标 | 候选测试 | 小尺寸测试 |
|---|---|---|
选择理由：option-05 是「Abstract Q Disc」，保留乔木音乐原有黑金气质，同时把唱片、播放入口和抽象 Q 结合起来;32px favicon 下仍能辨认。完整记录见 choices.md。
为什么值得用
很多图标工作会卡在三个地方：
- 只生成一张图，没有比较，用户很难选。
- 大图好看，但 32px favicon 看不清。
- 用户选中了方向，却没有导出
favicon、apple-touch-icon、AppIcon.appiconset的完整尺寸。
qiaomu-icon-generator 把这件事变成一个可复用流程：先读项目上下文，再生成 6-12 个候选，做 contact sheet 和小尺寸预览，最后把选中的图标导出成 Web / iOS 可用资产。
两种生成方法
| 方法 | 适合场景 | 示例输出 |
|---|---|---|
| Codex 位图参考方法 | 需要更像 iOS App Store 的精致 栅格图标，或要参考本地图标画廊 | |
| QM Icon Studio CLI | 需要稳定、干净、矢量友好的 SVG 候选，或者想先快速拿一批可编辑方向 |
默认先根据用户要求选择方法。用户明确说“Codex 内置生图”“参考这些 图标风格”时，走 Codex 位图参考方法。
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
qiaomu-icon-generator
设计网站 favicon、iOS App 图标或工具品牌入口时，最难的常常不是“生成一张图”，而是一次拿到可比较的方向、让用户选中、再导出到 Web 和 iOS 真实可用的尺寸。 Generate comparable app-icon directions, let the user choose, then export real Web and iOS icon assets.
中文 | English
npx skills add joeseesun/qiaomu-icon-generator
已验证: npx skills add joeseesun/qiaomu-icon-generator --list 可发现，真实临时目录安装可落盘 SKILL.md。
真实示例输出
主示例换成了真实产品「乔木音乐网」：用 Codex bitmap reference method 生成 10 个候选，做 contact sheet 和 64 / 32px 可读性检查，最后选中 option-05，并实际导出到网站 favicon 和 iOS AppIcon.appiconset。
| 最终图标 | 候选测试 | 小尺寸测试 |
|---|---|---|
选择理由：option-05 是「Abstract Q Disc」，保留乔木音乐原有黑金气质，同时把唱片、播放入口和抽象 Q 结合起来；32px favicon 下仍能辨认。完整记录见 choices.md。
为什么值得用
很多图标工作会卡在三个地方：
- 只生成一张图，没有比较，用户很难选。
- 大图好看，但 32px favicon 看不清。
- 用户选中了方向，却没有导出
favicon、apple-touch-icon、AppIcon.appiconset的完整尺寸。
qiaomu-icon-generator 把这件事变成一个可复用流程：先读项目上下文，再生成 6-12 个候选，做 contact sheet 和小尺寸预览，最后把选中的图标导出成 Web / iOS 可用资产。
两种生成方法
| 方法 | 适合场景 | 示例输出 |
|---|---|---|
| Codex bitmap reference method | 需要更像 iOS App Store 的精致 raster 图标，或要参考本地 icon gallery |
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add joeseesun/qiaomu-icon-generator