About ionic-app-icon-splash
ionic-app-icon-splash is a skill for generating iOS and Android icons and splash screens for Capacitor apps. It is for developers preparing native app assets, using source PNGs to create sized files in native project folders.
Key features
- 01Generate icon assets from a source PNG
- 02Generate splash screen variants
- 03Copy files into native project folders
- 04Support iOS and Android
Use cases
- 01Replace the default Capacitor icon before submission
- 02Create multiple icon sizes from one source image
- 03Sync native projects after updating splash art
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/ionic-app-icon-splashin Claude Code to confirm it loaded.
Bundled filesreferences/generate.mdreferences/platform-specifics.md
Details
From the project READMEApp 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 generatewhenever the source PNG changes. - ✅ Run
npx cap syncafter 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/orandroid/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
Comments
Markdown supported