阿喵前言
让 AI 设计 App 图标,怎么总是圆角方块、渐变背景,再塞一颗没来由的小星星?Design Playful App Icons 把“画得好看”拆成了能执行的设计规则:先想清产品隐喻,再给出三个不同方向,最后缩到 32 像素检查辨识度。它是一份可以装进 Agent 的纯文本 Skill,适合独立开发者做图标初稿,也能拿来评审已有方案。
资源介绍
Design Playful App Icons 是一套公开的 App 图标设计 Agent Skill,包含核心工作流、视觉参数、四套风格配方和评审标准。它从“物体+动作+情绪”提炼产品特点,要求三个方案在隐喻或轮廓上真正不同,而不是只换颜色。
Skill 可以指导 Agent 设计、改进和评审图标,并输出提示词、配色与 iOS/Android 交付说明。接有图像工具时可继续生成和迭代;没有图像工具,也能得到完整提示词与构造规范。它不是独立绘图软件,也不附带参考图包。
四套视觉路线
| 路线 | 画面特点 | 适合方向 |
|---|---|---|
| 扁平描边角色 | 大色块、粗轮廓、鲜明表情 | 社区、教育、生活工具 |
| 软 3D 物件角色 | 圆润体积、统一材质与光源 | 效率、健康、消费级产品 |
| 渐变剪影角色 | 突出大轮廓、控制渐变和细节 | 音乐、创作、情绪与娱乐 |
| 极简立体符号 | 几何构形、浅浮雕、强明暗对比 | 专业工具与开发者产品 |
每次先选一条主路线,不把所有风格揉进同一个图标。比起堆“高级、可爱、现代”等形容词,它更关注主体占比、配色角色、轮廓和一个能被记住的细节。
特色
- 三个方向真有区别:围绕隐喻、轮廓、视角或记忆点变化,不只是调色。
- 缩小再看:按 1024、180、60、32 像素检查,优先保留轮廓与关键特征。
- 按弱项修改:从产品含义、轮廓、配色等维度评分,每轮集中修一两个问题。
- 提示词可继续用:交付配色、材质、光线和负面约束,而不是只给一张图。
- 兼顾交付:区分 iOS 图标与 Android 自适应图标的输出要求。
注意
- 实际生成图片需要 Agent 接入图像工具;仅安装 Skill 不会自动获得绘图能力。
- 评审分数用于筛选和改进设计,不代表应用商店审核通过;交付时仍应检查当前平台规格。
- 仓库目前未提供独立 LICENSE 文件,也没有正式 Release;使用与分发时不要自行套用 MIT 等许可。
使用教程
- 在支持 Agent Skills 的工具环境中,通过 Skills CLI 安装项目。下方命令来自项目安装说明。
npx skills add https://github.com/chunkithwang/design-playful-app-icons --skill design-playful-app-icons
- 向 Agent 说明 App 用途、受众和希望传达的感觉,例如:
用 $design-playful-app-icons 为一个专注计时器设计 3 个 App Icon 方向,并继续完善最强的一个。
- 先比较三个概念的产品含义与轮廓,再选一条方向继续生成;暂时没有图像工具时,保留提示词和构造规范。
- 拿到图片后要求检查 60 和 32 像素下的辨识度,也可以提交已有图标,让 Agent 给出具体修改建议和重生成提示词。
- 确定最终方案后,补齐目标平台的尺寸、色彩、前景/背景层和导出要求。
资源获取
GitHub 项目与安装说明。项目提供中文和英文 README,核心文件位于 skills/design-playful-app-icons/。

