Agent skill

Design Playful App Icons

by chunkithwang in chunkithwang/design-playful-app-icons

Create, generate, refine, or critique bold playful app icons using a text-only visual system with measurable composition rules, compact palettes, mascot and dimensional style recipes, originality…

No licenceAuto-check passedMobile

Install Design Playful App Icons

skills CLI
$ npx skills add chunkithwang/design-playful-app-icons --skill design-playful-app-icons -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install chunkithwang/design-playful-app-icons design-playful-app-icons --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/chunkithwang/design-playful-app-icons.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/design-playful-app-icons .claude/skills/design-playful-app-icons && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
design-playful-app-icons
GitHub stars
174
Token cost
~1.4k tokens
SKILL.md length
739 words
Files
5 (incl. references)
Skills in repo
1
Repo updated
First seen
Licence
None found

At a glance

Create, generate, refine, or critique bold playful app icons using a text-only visual system with measurable composition rules, compact palettes, mascot and dimensional style recipes, originality…

  • Works in 10 steps: Reduce the brief to object + action +… → Infer missing details from the product… → Choose one visual lane from… → …
  • App-icon concept development
  • SKILL.md covers Load the references, Follow the workflow, Preserve the core identity and Prevent generic output, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Design Playful App Icons is an agent skill from chunkithwang/design-playful-app-icons. Create, generate, refine, or critique bold playful app icons using a text-only visual system with measurable composition rules, compact palettes, mascot and dimensional style recipes, originality safeguards, and small-size quality checks. Use for app-icon concept development, production-ready image prompts, icon reviews, visual iteration, and iOS or Android handoff when no reference images should be bundled or required.

Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files (for example `agents/openai.yaml`, `references/design-recipes.md` and `references/evaluation.md`).

It sits in Mobile. It works with Android and iOS.

When your agent uses it

  • App-icon concept development
  • Production-ready image prompts
  • Visual iteration
  • Android handoff when no reference images should be bundled

Example prompts

  • “/design-playful-app-icons”

Workflow steps

10 steps, taken from the first numbered list in SKILL.md.

  1. Reduce the brief to object + action + emotion.
  2. Infer missing details from the product category when the choice is low risk. Ask one concise question only when the product metaphor would…
  3. Choose one visual lane from style-profile.yaml. Do not combine all lanes.
  4. Create three directions that differ in metaphor or silhouette, not merely color.
  5. Score the directions for product meaning, silhouette, and originality before rendering. Select the strongest direction and state why.
  6. Construct the final generation prompt with the selected recipe. Encode geometry, composition, palette roles, facial language, material…
  7. Generate the icon when image tools are available. Otherwise provide the final prompt and construction specification.
  8. Evaluate the result with evaluation.md at 1024, 180, 60, and 32 px. If the actual raster is unavailable, reason conservatively from the…
  9. Revise the weakest scoring dimension first. Limit each pass to one or two targeted changes so the identity does not drift.
  10. Deliver the final asset or prompt together with palette, lane, production notes, and a short quality report.

What it can do on your machine

Read from SKILL.md and the folder at commit 25999ce. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Design Playful App Icons loads about 1.4k tokens when it runs, and up to ~6.1k if it reads all its reference files. Until then it costs about 112 tokens; SKILL.md has 739 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~112
When it runs · the whole SKILL.md, loaded when a task matches
~1.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~6.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 739 words (~1,432 tokens).

“Create distinctive app icons from text-only design rules. Communicate one product promise through a bold object, mascot, or glyph that remains recognizable at launcher size.”

— opening of SKILL.md by chunkithwang
name
design-playful-app-icons

Read the full SKILL.md on GitHub

Files

SKILL.md and 4 other files (references) in skills/design-playful-app-icons of chunkithwang/design-playful-app-icons.

  • SKILL.md
  • agents/openai.yaml
  • references/design-recipes.md
  • references/evaluation.md
  • references/style-profile.yaml

Open the folder on GitHubat commit 25999ce

Compare with similar skills

Design Playful App Icons next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Design Playful App Icons compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Design Playful App Icons this skillchunkithwang/design-playful-app-icons174—~1.4kAutomated safety check: PassNone
Engine Whats Newflutter/flutter180k—~978Automated safety check: PassBSD-3-Clause
App Store Screenshots GeneratorParthJadhav/app-store-screenshots7.2k—~16kAutomated safety check: PassMIT
Mobilerun Docs Referencedroidrun/mobilerun9.6k—~943Automated safety check: PassMIT
Rnn Codebasewix/react-native-navigation13k—~2kAutomated safety check: PassMIT
Building Native UICherryHQ/cherry-studio-app4k8 repos~2.6kAutomated safety check: PassMIT

Similar skills

  • Engine Whats New

    flutter/flutter

    Generates the "what's new" release summary and diff file for changes in the Flutter engine (//engine/src/flutter) between two releases (e.g., 3.47 vs 3.44).

    180k GitHub stars~978 tokensUpdated today
    MobileAuto-check passed
  • App Store Screenshots Generator

    ParthJadhav/app-store-screenshots

    Scaffolds a Next.js editor for designing App Store and Google Play screenshots as ads and exporting them at every required size, for iOS, Mac and Android.

    7.2k GitHub stars~16k tokensUpdated yesterday
    MobileAuto-check passed
  • Mobilerun Docs Reference

    droidrun/mobilerun

    Answers questions about Mobilerun, the LLM-agent framework for automating Android and iOS devices, by pointing the agent to the right page of its v5 documentation.

    9.6k GitHub stars~943 tokensUpdated yesterday
    MobileAuto-check passed
  • Rnn Codebase

    wix/react-native-navigation

    Official

    Navigate and work with the react-native-navigation (RNN) codebase.

    13k GitHub stars~2k tokensUpdated 5 days ago
    MobileAuto-check passed
  • Building Native UI

    CherryHQ/cherry-studio-app

    Complete guide for building beautiful apps with Expo Router.

    4k GitHub starsUsed in 8 repos~2.6k tokens
    MobileAuto-check passed
  • Sim Use

    lycorp-jp/sim-use

    Drive iOS Simulator, Android emulator/device, and physical iPhone/iPad screens for AI agents.

    1.4k GitHub stars~3.4k tokensUpdated 2 days ago
    MobileAuto-check passed

Works with

Categories

Questions about Design Playful App Icons

What does Design Playful App Icons do?

Create, generate, refine, or critique bold playful app icons using a text-only visual system with measurable composition rules, compact palettes, mascot and dimensional style recipes, originality…. Design Playful App Icons is an agent skill from chunkithwang/design-playful-app-icons. Create, generate, refine, or critique bold playful app icons using a text-only visual system with measurable composition rules, compact palettes, mascot and dimensional style recipes, originality safeguards, and small-size quality checks.

When should I use Design Playful App Icons?

Design Playful App Icons fits situations like: app-icon concept development; production-ready image prompts; visual iteration; android handoff when no reference images should be bundled.

How do I install Design Playful App Icons in Claude Code?

Run `npx skills add chunkithwang/design-playful-app-icons --skill design-playful-app-icons -a claude-code`. Or copy the skill folder (skills/design-playful-app-icons in chunkithwang/design-playful-app-icons) into .claude/skills/design-playful-app-icons in your project. Claude Code loads it when a task matches its description.

How do I install Design Playful App Icons in Codex?

Run `npx skills add chunkithwang/design-playful-app-icons --skill design-playful-app-icons -a codex`. Or copy the skill folder (skills/design-playful-app-icons in chunkithwang/design-playful-app-icons) into .agents/skills/design-playful-app-icons in your project. Codex loads it when a task matches its description.

Can I use Design Playful App Icons in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add chunkithwang/design-playful-app-icons --skill design-playful-app-icons -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/design-playful-app-icons, .gemini/skills/design-playful-app-icons, .github/skills/design-playful-app-icons and .opencode/skills/design-playful-app-icons in your project.

What does Design Playful App Icons need to run?

SKILL.md names no scripts, command-line tools or credentials: Design Playful App Icons is instructions for the agent only.

Does Design Playful App Icons access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Design Playful App Icons safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Design Playful App Icons use?

No licence was found for Design Playful App Icons or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Design Playful App Icons use?

About 1.4k tokens (SKILL.md is roughly 5.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 4.6k tokens, read only when the agent opens those files.

What are the alternatives to Design Playful App Icons?

Skills that share tags, products or a category with Design Playful App Icons: Engine Whats New (flutter/flutter, 180k stars), App Store Screenshots Generator (ParthJadhav/app-store-screenshots, 7.2k stars), Mobilerun Docs Reference (droidrun/mobilerun, 9.6k stars) and Rnn Codebase (wix/react-native-navigation, 13k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Design Playful App Icons?

chunkithwang (a GitHub user) maintains it in chunkithwang/design-playful-app-icons, which has 174 GitHub stars. The repository was last updated on August 6, 2026.

Source: chunkithwang/design-playful-app-icons on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.