A design skill for Claude Code, Cursor, and Codex that guides AI coding agents toward UI that doesn't look AI-generated.
chunkithwang/design-playful-app-icons
An open, text-only Agent Skill that guides AI agents to design, generate, refine and review bold, playful app icons.
- Stars
- 176
- Forks
- 5
- Open issues
- 1
- Last commit
- 3 months ago
What is it?
Design Playful App Icons is an Agent Skill, a set of instructions that AI coding agents such as Codex, Claude Code and Cursor can load to handle app icon design. It contains no reference images and does not rely on any specific artist, studio or existing app. Instead it provides measurable composition rules, four visual style recipes, a compact color system and a small-size review process.
Given a product, the skill reduces its requirements to an object, action and emotion, then produces three distinct concept directions and scores them on product meaning, silhouette and originality. It outputs reproducible image generation prompts with negative constraints, and can generate and iterate icons directly when an image tool is available. Icons are checked at 1024, 180, 60 and 32 px.
The final output includes the chosen icon or prompt, a color palette, iOS and Android production specifications and a quality report.
Key features
- 01Turns product requirements into an object, action and emotion concept
- 02Produces three distinct icon concepts and scores them for selection
- 03Offers four visual styles: flat mascot, soft 3D, gradient silhouette and minimal glyph
- 04Outputs reproducible image prompts, negative constraints and color palettes
- 05Reviews legibility at 1024, 180, 60 and 32 px
- 06Provides iOS and Android production delivery notes
Use cases
- Exploring several icon directions for a new app before committing to one
- Refining an existing icon to a more characterful style while keeping its core metaphor
- Reviewing an icon's legibility at small sizes and getting a revised generation prompt
- Preparing icon specifications for App Store and Google Play submission
Quick start
- 1
Install the skill with the Skills CLI
npx skills add https://github.com/chunkithwang/design-playful-app-icons --skill design-playful-app-icons - 2
Ask your agent to use the skill, for example: design 3 app icon directions for a focus timer
Things to know
- The project has no license specified, so reuse terms are unclear.
- Actual image generation depends on the image tool connected to your agent.
- Other agents need support for standard Agent Skills.
Topics
FAQ
- What is design-playful-app-icons?
- An open, text-only Agent Skill that guides AI agents to design, generate, refine and review bold, playful app icons. Design Playful App Icons is an Agent Skill, a set of instructions that AI coding agents such as Codex, Claude Code and Cursor can load to handle app icon design. It contains no reference images and does not rely on any specific artist, studio or existing app. Instead it provides measurable composition rules, four visual style recipes, a compact color system and a small-size review process.
- Is design-playful-app-icons free to use? What license does it have?
- design-playful-app-icons has no declared license. Its code is public, but without a license you have no explicit permission to reuse it; ask the author before relying on it.
- Is design-playful-app-icons still maintained?
- Updated within 6 months. The last commit to design-playful-app-icons was on Aug 6, 2026.
- What can I use design-playful-app-icons for?
- Exploring several icon directions for a new app before committing to one Refining an existing icon to a more characterful style while keeping its core metaphor Reviewing an icon's legibility at small sizes and getting a revised generation prompt Preparing icon specifications for App Store and Google Play submission
- How do I install design-playful-app-icons?
- Install the skill with the Skills CLI: npx skills add https://github.com/chunkithwang/design-playful-app-icons --skill design-playful-app-icons Ask your agent to use the skill, for example: design 3 app icon directions for a focus timer
- Where can I get design-playful-app-icons?
- The source code and installation instructions are on GitHub: https://github.com/chunkithwang/design-playful-app-icons
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A set of Agent Skills that teach AI coding agents to work with Obsidian vaults and open formats like Markdown, Bases, and JSON Canvas.
An open format and specification for packaging instructions, scripts and resources into SKILL.md folders that AI agents load on demand.
Open-source AI workspace for creators that combines video translation, downloading, image and video generation, voiceovers and scripting, built on Codex CLI.
A collection of 273 agent-ready design skills and 76 slash commands for Claude Code and Gemini CLI, covering research, systems, UI, interaction and delivery.
An agent skill that extracts visual design identity from reference UIs into structured Design DNA JSON, then generates matching UI from it.