메뉴
Generate native splash screens (Android incl. Android 12+, iOS, web) with the `flutter_native_splash` package via pubspec config + a CLI generator. Use when setting up or changing the launch/splash screen.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | flutter-generate-native-splash |
| description | Generate native splash screens (Android incl. Android 12+, iOS, web) with the `flutter_native_splash` package via pubspec config + a CLI generator. Use when setting up or changing the launch/splash screen. |
| metadata | {"model":"claude-opus-4-8","last_modified":"Sun, 05 Jul 2026 00:00:00 GMT"} |
flutter_native_splash is a build-time generator (a dev_dependency). It
writes native splash resources from a config block; there is no runtime Dart API.
Add a top-level flutter_native_splash: block to pubspec.yaml (or a separate
flutter_native_splash.yaml). Minimum = a background color (or
background_image) plus a centered image logo (PNG, sized ~4x density):
flutter_native_splash:
color: "#3F51B5" # REQUIRED (mutually exclusive with background_image)
image: assets/splash/splash.png
# color_dark / image_dark for dark mode
android_12: # Android 12+ handles splash separately
color: "#3F51B5"
image: assets/splash/splash.png
# icon_background_color: "#ffffff"
The splash source image lives under assets/ but does NOT need to be listed in
flutter: assets: (it is consumed at build time, not loaded at runtime).
dart run flutter_native_splash:create # generate
dart run flutter_native_splash:remove # revert to the default white splash
Re-run :create after changing the config or the source image. If results look
stale: flutter clean && flutter pub get, then regenerate.
flutter-generate-launcher-icons for a consistent brand image; both
read source images from assets/.Build a first-launch onboarding / intro flow with the `introduction_screen` package (`IntroductionScreen` + `PageViewModel`). Use when adding walkthrough or welcome screens.
Architects a Flutter application using the recommended layered approach (UI, Logic, Data) with Riverpod for state management and dependency injection. Use when structuring a new project or refactoring for scalability.
Generate app launcher icons for all platforms (Android, iOS, web, Windows, macOS) from one source image with the `flutter_launcher_icons` package via pubspec config + a CLI generator. Use when setting or changing the app icon.
Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data structures.
Check and request runtime permissions (camera, location, notifications, storage, etc.) with the `permission_handler` package, including the required native (Android/iOS) configuration. Use when a feature needs a device permission.
Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support.