app-icon-generator

Generate platform-specific app icon assets from a single source image.

1|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/OMIXEC/Mobile-dev-skills --skill app-icon-generator-omixec
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: app-icon-generator
Source: https://github.com/OMIXEC/Mobile-dev-skills/tree/main/skills/app-icon-generator
Command: npx skills add https://github.com/OMIXEC/Mobile-dev-skills --skill app-icon-generator-omixec

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates producing every required app icon, favicon, and maskable asset from a single high-resolution source image so teams avoid manual resizing, inconsistent safe areas, and missing platform assets during releases.

Core Features & Use Cases

  • Multi-platform generation: Export iOS AppIcon sets with Contents.json, Android mipmap and adaptive icons, PWA maskable icons, favicons and Play Store assets, plus guidance for React Native and Flutter projects.
  • Tooling & format guidance: Recommends ImageMagick, sharp-cli, sips, and flutter_launcher_icons for deterministic resizing and format conversion while enforcing size, color space, and transparency rules.
  • Use case: Prepare a complete icon bundle for App Store submission, Play Store upload, and web manifest integration as part of a release pipeline or manual asset prep.

Quick Start

Generate iOS, Android, PWA, and web icons from the source image named icon-source.png and save them into a generated-icons folder.

Frequently Asked Questions about app-icon-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate app icons for iOS, Android, and PWA from a single image?

To generate app icons for iOS, Android, and PWA, you need a 1024x1024 source image in sRGB. The Skill processes this single high-resolution image to produce resized PNG and ICO files, generating iOS Contents.json and Android adaptive icon scaffolding for multi-platform release packaging.

What size and format should the source image be for app icon generation?

The source image for app icon generation must be a 1024x1024 high-resolution file in the sRGB color space. Using this specific source size ensures that resized PNG and ICO outputs meet platform density requirements and respect transparency rules.

Can I use this to create maskable icons and favicons for a Progressive Web App?

Yes, you can create maskable icons and favicons for a Progressive Web App. The Skill generates PWA maskable icons respecting safe areas alongside web favicons, allowing seamless web manifest integration for your PWA project release.

Does this app icon generator work with React Native and Flutter projects?

Yes, this app icon generator works with React Native and Flutter projects. It provides tooling guidance for flutter_launcher_icons and outputs native iOS and Android assets necessary for packaging and submitting cross-platform mobile applications.

What is the best way to automate resizing app icons for App Store and Play Store submission?

The best way to automate resizing app icons for App Store and Play Store submission is using recommended tools like ImageMagick, sharp-cli, or sips. This ensures deterministic resizing and format conversion while enforcing strict size, color space, and transparency rules.

What are the limitations when generating Android adaptive icons from a single source image?

A key limitation when generating Android adaptive icons is respecting maskable safe areas to prevent clipping. The source image requires an sRGB color space with proper transparency handling to ensure density-specific sizes render correctly across different Android screens.