Product Page Optimization
gustavscirulis/snapgrid
Generates A/B test plans and optimization checklists for your App Store product page — icon, screenshots, and app previews.
When the user wants to design, test, or improve their app icon to increase tap-through rate and conversions in App Store search and browse.
$ npx skills add appeeky/aso-skills --skill app-icon-optimization -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install appeeky/aso-skills app-icon-optimization --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/appeeky/aso-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/app-icon-optimization .claude/skills/app-icon-optimization && rm -rf skills-srcUse ~/.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/
Install the "app-icon-optimization" agent skill from https://github.com/appeeky/aso-skills/tree/main/skills/app-icon-optimization into .claude/skills/app-icon-optimization/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icon-optimization", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/appeeky/aso-skills/tree/main/skills/app-icon-optimizationType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add appeeky/aso-skills --skill app-icon-optimization -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install appeeky/aso-skills app-icon-optimization --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/appeeky/aso-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/app-icon-optimization .agents/skills/app-icon-optimization && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "app-icon-optimization" agent skill from https://github.com/appeeky/aso-skills/tree/main/skills/app-icon-optimization into .agents/skills/app-icon-optimization/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icon-optimization", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add appeeky/aso-skills --skill app-icon-optimization -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install appeeky/aso-skills app-icon-optimization --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/appeeky/aso-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/app-icon-optimization .cursor/skills/app-icon-optimization && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "app-icon-optimization" agent skill from https://github.com/appeeky/aso-skills/tree/main/skills/app-icon-optimization into .cursor/skills/app-icon-optimization/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icon-optimization", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/appeeky/aso-skills.git --path skills/app-icon-optimization--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add appeeky/aso-skills --skill app-icon-optimization -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install appeeky/aso-skills app-icon-optimization --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/appeeky/aso-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/app-icon-optimization .gemini/skills/app-icon-optimization && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "app-icon-optimization" agent skill from https://github.com/appeeky/aso-skills/tree/main/skills/app-icon-optimization into .gemini/skills/app-icon-optimization/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icon-optimization", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install appeeky/aso-skills app-icon-optimizationInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add appeeky/aso-skills --skill app-icon-optimization -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/appeeky/aso-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/app-icon-optimization .github/skills/app-icon-optimization && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "app-icon-optimization" agent skill from https://github.com/appeeky/aso-skills/tree/main/skills/app-icon-optimization into .github/skills/app-icon-optimization/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icon-optimization", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add appeeky/aso-skills --skill app-icon-optimization -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install appeeky/aso-skills app-icon-optimization --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/appeeky/aso-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/app-icon-optimization .opencode/skills/app-icon-optimization && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "app-icon-optimization" agent skill from https://github.com/appeeky/aso-skills/tree/main/skills/app-icon-optimization into .opencode/skills/app-icon-optimization/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "app-icon-optimization", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
app-icon-optimizationWhen the user wants to design, test, or improve their app icon to increase tap-through rate and conversions in App Store search and browse.
App Icon Optimization is an agent skill from appeeky/aso-skills. When the user wants to design, test, or improve their app icon to increase tap-through rate and conversions in App Store search and browse. Use when the user mentions "app icon", "icon design", "icon A/B test", "icon variants", "tap-through rate", "icon conversion", "icon refresh", or wants to know what makes a good app icon. For screenshot optimization, see screenshot-optimization. For full listing A/B tests, see ab-test-store-listing.
Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Marketing & SEO, covering A/B testing and App store release. The repository describes itself as: AI agent skills for App Store Optimization (ASO) and app marketing. Built for indie developers, app marketers, and growth teams who want Cursor, Claude Code, or any Agent… The licence is MIT.
5 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 3919d7c. It shows what the files ask for, not the result of running them.
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.
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.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
App Icon Optimization loads about 1.5k tokens when it runs. Until then it costs about 116 tokens; SKILL.md has 597 words of instructions outside code blocks.
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.
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.
The full file from appeeky/aso-skills at commit 3919d7c, republished under its MIT licence (© appeeky). 597 words, ~1,482 tokens.
.claude/skills/app-icon-optimization/SKILL.md (or your agent's skills folder).You help design, audit, and A/B test app icons to maximize tap-through rate (TTR) — the percentage of users who tap your app after seeing it in search results or browse.
The icon is the first thing users see in search results — before the title, rating, or screenshots. A compelling icon can lift TTR by 20–40% with no other changes. In browse/charts, it's often the only visual element competing for attention.
Icons render at 60×60pt (iPhone search results). At that size, detail disappears.
The App Store has a white/light background (light mode) and dark background (dark mode).
Match and differentiate from your category norms:
| Category | Common patterns | How to stand out |
|---|---|---|
| Productivity | Blue, clean, minimal | Warmer colors, bolder marks |
| Health/Fitness | Green, orange, energetic | Premium dark, sophisticated |
| Finance | Blue, green, conservative | Bold, distinctive mark |
| Games | Bright, characters, action | Premium/dark if competitors are loud |
| Social | Round shapes, soft colors | Sharp, distinctive if feed is soft |
| Meditation | Purple, blue, calm | Unexpected contrast color |
| Photo/Video | Gradient, camera | Single strong mark |
Rule: Look at your top 20 competitors' icons. Then design to be immediately distinguishable.
The icon needs a single, memorable mark — not a scene or a composition. Ask:
"Can someone describe this icon in 3 words?"
The icon is your brand mark in the App Store. It should:
| Platform | Size |
|---|---|
| iPhone (App Store) | 1024×1024px (master) |
| iPhone (home screen) | 60×60pt @1x, @2x, @3x |
| iPad | 76×76pt @1x, @2x |
| Watch | 40×40pt – 44×44pt |
| Android adaptive icon | 108×108dp (safe zone 66×66dp) |
Submit a single 1024×1024px PNG (no transparency, no rounded corners — Apple applies the mask).
Access: App Store Connect → App Store → Product Page Optimization
Test one variable at a time:
| Test | Variants |
|---|---|
| Color scheme | Same mark, 3 different background colors |
| Mark style | Flat vs illustrated vs 3D |
| Dark vs light | Dark background vs light background |
| Character vs abstract | Character-based vs geometric/abstract |
| With vs without text | Mark only vs mark + short text |
Evaluate your current icon against:
Clarity at 60×60px: [1–10]
- Recognizable mark at small size?
- No illegible text?
Color contrast: [1–10]
- Works on white (light mode)?
- Works on dark backgrounds (dark mode)?
Category differentiation: [1–10]
- Stands out from top 10 competitor icons?
Simplicity: [1–10]
- Max 2 elements?
- Describable in 3 words?
Brand alignment: [1–10]
- Consistent with app's visual identity?
Overall: [N]/50When briefing a designer:
App: [name and one-line description]
Category: [category]
Primary audience: [who uses it]
Brand colors: [hex values]
Mood/feeling: [premium / playful / trustworthy / energetic / calm]
What the icon should convey: [core value or identity]
What to avoid: [don't replicate competitor X, avoid Y]
Competitors to differentiate from: [list 3–5 with icons]
Reference icons I like: [list 3–5 from other apps]
Deliverables:
- 3 distinct concepts at 1024×1024px
- Each concept tested at 60×60px mockup in App Store search context
- Final: PNG, no alpha, no rounded cornersab-test-store-listing — Full A/B testing methodologyscreenshot-optimization — Complement the icon with strong screenshotsandroid-aso — Android adaptive icon requirementsaso-audit — Icon is one factor in the full ASO score© appeeky, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in skills/app-icon-optimization of appeeky/aso-skills.
Open the folder on GitHubat commit 3919d7c
App Icon Optimization 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| App Icon Optimization this skillappeeky/aso-skills | 2.1k | — | ~1.5k | Automated safety check: Pass | MIT | |
| Product Page Optimizationgustavscirulis/snapgrid | 117 | 1 repos | ~1.9k | Automated safety check: Pass | Custom licence | |
| App Store Optimizationalirezarezvani/claude-code-skill-factory | 879 | 7 repos | ~4.1k | Automated safety check: Pass | MIT | |
| App Store Optimizationalirezarezvani/claude-skills | 28k | 1 repos | ~4.2k | Automated safety check: Pass | MIT | |
| Openaso Asohubab1/OpenASO | 177 | — | ~946 | Automated safety check: Pass | MIT | |
| App Store Optimizationdpearson2699/swift-ios-skills | 1.2k | — | ~4.3k | Automated safety check: Pass | Custom licence |
gustavscirulis/snapgrid
Generates A/B test plans and optimization checklists for your App Store product page — icon, screenshots, and app previews.
alirezarezvani/claude-code-skill-factory
Complete App Store Optimization (ASO) toolkit for researching, optimizing, and tracking mobile app performance on Apple App Store and Google Play Store
alirezarezvani/claude-skills
App Store Optimization (ASO) toolkit for researching keywords, analyzing competitor rankings, generating metadata suggestions, and improving app visibility on Apple App Store and Google Play Store.
hubab1/OpenASO
A skill your agent uses when performing App Store Optimization work with OpenASO MCP data: ASO audits, keyword research, metadata optimization, screenshot strategy, review analysis, competitor…
dpearson2699/swift-ios-skills
Optimize App Store product pages for search visibility and conversion.
arnabbagxd/Brand-building-skills
Optimize an app's store listing for maximum visibility and downloads — keyword strategy, title and subtitle optimization, screenshots, preview videos, rating and review management, and A/B testing…
appeeky/aso-skills
When the user wants to A/B test App Store product page elements to improve conversion rate.
appeeky/aso-skills
When the user wants to optimize their Google Play Store listing — title, short description, full description, keywords, ratings, or Play Store-specific features.
appeeky/aso-skills
When the user wants to set up, interpret, or improve their app analytics and tracking.
appeeky/aso-skills
When the user wants to implement, optimize, or use App Clips for app discovery and conversion.
appeeky/aso-skills
When the user wants to create or update their app marketing context document.
appeeky/aso-skills
When the user wants to plan, script, produce, or optimize App Store Preview videos or Google Play promo videos — the autoplay videos that show in App Store/Play Store search and product pages.
Categories
When the user wants to design, test, or improve their app icon to increase tap-through rate and conversions in App Store search and browse. App Icon Optimization is an agent skill from appeeky/aso-skills. When the user wants to design, test, or improve their app icon to increase tap-through rate and conversions in App Store search and browse.
App Icon Optimization fits situations like: wants to design; improve their app icon to increase tap-through rate and conversions in App Store search and browse; the user mentions app icon; tap-through rate.
Run `npx skills add appeeky/aso-skills --skill app-icon-optimization -a claude-code`. Or copy the skill folder (skills/app-icon-optimization in appeeky/aso-skills) into .claude/skills/app-icon-optimization in your project. Claude Code loads it when a task matches its description.
Run `npx skills add appeeky/aso-skills --skill app-icon-optimization -a codex`. Or copy the skill folder (skills/app-icon-optimization in appeeky/aso-skills) into .agents/skills/app-icon-optimization in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add appeeky/aso-skills --skill app-icon-optimization -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/app-icon-optimization, .gemini/skills/app-icon-optimization, .github/skills/app-icon-optimization and .opencode/skills/app-icon-optimization in your project.
SKILL.md names no scripts, command-line tools or credentials: App Icon Optimization is instructions for the agent only.
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.
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.
App Icon Optimization is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.5k tokens (SKILL.md is roughly 5.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with App Icon Optimization: Product Page Optimization (gustavscirulis/snapgrid, 117 stars), App Store Optimization (alirezarezvani/claude-code-skill-factory, 879 stars), App Store Optimization (alirezarezvani/claude-skills, 28k stars) and Openaso Aso (hubab1/OpenASO, 177 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
appeeky (a GitHub organization) maintains it in appeeky/aso-skills, which has 2,149 GitHub stars. The repository holds 39 skills in this directory. The repository was last updated on October 6, 2026.
Source: appeeky/aso-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.