How do I install the Ionic App Icon Splash skill?

Run npx skillmds@latest add erkamyaman/ionic-app-icon-splash in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Ionic App Icon Splash safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Ionic App Icon Splash?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Ionic App Icon Splash free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published Ionic App Icon Splash?

erkamyaman (@erkamyaman) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Ionic App Icon Splash by erkamyaman

Name: Ionic App Icon Splash
Author: erkamyaman

Ionic App Icon Splash

Generate every iOS and Android app icon and splash screen size from a single source PNG using @capacitor/assets. Trigger when adding app icons, generating splash screens, replacing the default Capacitor icon, or shipping any Ionic Capacitor app to a store (icons are non-optional).

erkamyaman 8a70d73 3 files · 6.8 KB Updated Sep 17, 2026

File contents

App Icon & Splash Generation

iOS and Android each need ~25 icon sizes and 4+ splash variants. @capacitor/assets generates all of them from one source PNG (icon) and one source PNG (splash) and copies them into the right native folders. Replace the default Capacitor icon before any store submission.

When to consult

Source asset specs + generation command: generate.md
iOS / Android specifics + light/dark splashes: platform-specifics.md

Hard rules

✅ Source icon: 1024×1024 PNG, no transparency, no rounded corners (iOS adds the mask).
✅ Source splash: 2732×2732 PNG, centered logo, solid background.
✅ Re-run npx capacitor-assets generate whenever the source PNG changes.
✅ Run npx cap sync after generation so the new files end up in the native projects.
❌ Don't hand-edit the generated files in ios/App/App/Assets.xcassets/AppIcon.appiconset/ or android/app/src/main/res/mipmap-*/ — the next generation overwrites them.
❌ Don't ship the default Capacitor compass icon. App Review notices.

Library

npm install --save-dev @capacitor/assets

Frequently asked questions