一款为 Claude Code、Cursor、Codex 等 AI 编程工具准备的设计技能,让生成的界面不再像 AI 随手做出来的。
chunkithwang/design-playful-app-icons
一个公开的纯文本 Agent Skill,指导 AI Agent 设计、生成、改进和评审大胆有趣的 App 图标。
- Star
- 176
- Fork
- 5
- 未关闭 Issue
- 1
- 最近提交
- 3个月前
这是什么?
Design Playful App Icons 是一个 Agent Skill,即可供 Codex、Claude Code、Cursor 等 AI 编程 Agent 加载的一组设计指令,用于处理 App 图标设计。它不附带参考图片,也不依赖特定艺术家、工作室或现有应用,而是提供可量化的构图规则、四套视觉配方、紧凑配色方案以及小尺寸评审流程。
给定产品需求后,Skill 会将其提炼为“物体 + 动作 + 情绪”的核心隐喻,生成三个真正不同的概念方向,并从产品含义、轮廓和原创性进行评分。它会输出可复现的图像生成提示词和负面约束;若有可用的图像工具,也可直接生成并迭代图标。图标会在 1024、180、60 和 32 px 四个尺寸下检查可读性。
最终交付内容包括选定的图标或提示词、配色方案、iOS 与 Android 的生产交付说明以及质量报告。
核心功能
- 01将产品需求提炼为“物体 + 动作 + 情绪”的核心隐喻
- 02生成三个差异明显的概念方向并评分选优
- 03提供扁平角色、软 3D、渐变剪影和极简符号四套视觉路线
- 04输出可复现的图像提示词、负面约束和配色方案
- 05在 1024、180、60 和 32 px 四个尺寸下检查可读性
- 06提供 iOS 与 Android 的生产交付说明
适用场景
- 为新 App 在确定方案前探索多个图标方向
- 在保留原有核心隐喻的前提下,把图标改得更有个性
- 检查图标在小尺寸下的可读性,并获得修改后的生成提示词
- 准备提交 App Store 和 Google Play 所需的图标规格
快速上手
- 1
使用 Skills CLI 安装该 Skill
npx skills add https://github.com/chunkithwang/design-playful-app-icons --skill design-playful-app-icons - 2
让 Agent 使用该 Skill,例如:为专注计时器设计 3 个 App Icon 方向
使用前须知
- 项目未声明许可证,复用条款不明确。
- 实际图像生成能力取决于你的 Agent 所接入的图像工具。
- 其他 Agent 需要支持标准 Agent Skills 才能使用。
标签
常见问题
- design-playful-app-icons 是什么?
- 一个公开的纯文本 Agent Skill,指导 AI Agent 设计、生成、改进和评审大胆有趣的 App 图标。 Design Playful App Icons 是一个 Agent Skill,即可供 Codex、Claude Code、Cursor 等 AI 编程 Agent 加载的一组设计指令,用于处理 App 图标设计。它不附带参考图片,也不依赖特定艺术家、工作室或现有应用,而是提供可量化的构图规则、四套视觉配方、紧凑配色方案以及小尺寸评审流程。
- design-playful-app-icons 可以免费使用吗?用的什么许可证?
- design-playful-app-icons 没有声明许可证。代码虽然公开,但没有许可证就没有明确的使用授权,正式使用前建议先联系作者。
- design-playful-app-icons 还在维护吗?
- 半年内有更新。design-playful-app-icons 最近一次提交是在 2026年8月6日。
- design-playful-app-icons 适合用来做什么?
- 为新 App 在确定方案前探索多个图标方向 在保留原有核心隐喻的前提下,把图标改得更有个性 检查图标在小尺寸下的可读性,并获得修改后的生成提示词 准备提交 App Store 和 Google Play 所需的图标规格
- design-playful-app-icons 怎么安装和运行?
- 使用 Skills CLI 安装该 Skill: npx skills add https://github.com/chunkithwang/design-playful-app-icons --skill design-playful-app-icons 让 Agent 使用该 Skill,例如:为专注计时器设计 3 个 App Icon 方向
- 在哪里获取 design-playful-app-icons?
- 源代码和安装说明在 GitHub 上:https://github.com/chunkithwang/design-playful-app-icons
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一套让 AI 编程代理掌握 Obsidian 笔记库及 Markdown、Bases、JSON Canvas 等开放格式的技能包。
一种开放格式与规范,用于将指令、脚本和资源打包成 SKILL.md 文件夹,供 AI 智能体按需加载。
开源 AI 创作工作台,整合视频翻译、视频下载、图像与视频生成、配音和脚本写作,基于 Codex CLI 运行。
面向 Claude Code 和 Gemini CLI 的设计技能合集,包含 273 项技能和 76 条命令,覆盖研究、设计系统、UI、交互与交付。
一个智能体技能,可从参考界面中提取视觉设计特征,生成结构化的 Design DNA JSON,并据此生成风格一致的界面。