Capacitor Splash Screen

Handles splash screen configuration for Capacitor apps on iOS and Android, from asset generation to programmatic control. You'll want this when you need to generate properly sized splash images for every device density, configure the native splash APIs for both platforms, or implement custom animated splash screens with Lottie. The source covers the full workflow including the Capacitor Assets CLI for generating all required image sizes, storyboard XML for iOS, and the newer Android 12+ splash screen API. Most useful part is the programmatic control pattern that lets you keep the splash visible while loading critical data, then fade it out smoothly once your app is actually ready.

skills.sh installs: 1.2K
GitHub stars: 77
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add cap-go/capgo-skills --skill capacitor-splash-screen --agent claude-code

Installs into .claude/skills of the current project.

Files

Splash Screen in Capacitor

When to Use

TRIGGER when:

Configuring or regenerating splash / icon assets (npx capacitor-assets generate)
Splash never disappears, disappears too early, or flashes white/black before the web app paints
Android 12+ shows a small cropped icon on a solid color instead of the full image
Upgrading to Capacitor 9 and the Android fade-out animation vanished
iOS shows a black screen after adding SceneDelegate.swift (8.5+)

Do not use:

Status bar / navigation bar styling and edge-to-edge insets: safe-area-handling
Migrating AppDelegate to SceneDelegate: capacitor-uiscene-migration
Slow first paint / bundle size: capacitor-performance
Icon requirements for store submission: capacitor-app-store