Capacitor Splash Screen

This handles the full lifecycle of splash screens in Capacitor apps, from generating the right asset sizes for iOS and Android to programmatic control over show/hide timing. You get configuration examples for both platforms, including the newer Android 12+ splash API and iOS storyboards, plus dark mode support and even Lottie animation integration if you want something fancier. The asset generation guide is solid with specific pixel dimensions for every device density. Most useful when you're past the basic setup and need to handle edge cases like preventing that white flash between native splash and app content, or when you want to keep the splash visible while loading critical data. The troubleshooting table covers the common gotchas.

skills.sh installs: 117
GitHub stars: 43
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add cap-go/capacitor-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