add-splash-screen

add-splash-screen is a skill for Claude Code from abhinav503/flutter-agentic. It costs 0 tokens per session (753 once invoked), scanned A, original, MIT.

A setup guide for adding a native startup screen to a Flutter app on Android, iOS, and the web. The screen uses `flutter_native_splash`, a logo, and light and dark background colours.

In plain words
What is it for?
Use it to configure splash images, Android 12 masking, theme colours, and app-specific assets. It applies to one app inside an `apps/{app}/` project structure.
Why use it?
It helps keep branding visible while Flutter starts and avoids a jarring change between the native screen and any follow-up Flutter screen.

Skill for Claude Code

Written for Claude Code: installed under .claude/. Also seen: names the AskUserQuestion tool.

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/abhinav503/flutter-agentic/add-splash-screen
Any agent
npx skills add abhinav503/flutter-agentic --skill add-splash-screen
Clone the repo
git clone --depth 1 https://github.com/abhinav503/flutter-agentic

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for add-splash-screen

README.md
[![agentmods](https://agentmods.dev/badge/skills/abhinav503/flutter-agentic/add-splash-screen.svg)](https://agentmods.dev/skills/abhinav503/flutter-agentic/add-splash-screen)
Your own site
<a href="https://agentmods.dev/skills/abhinav503/flutter-agentic/add-splash-screen"><img src="https://agentmods.dev/badge/skills/abhinav503/flutter-agentic/add-splash-screen.svg" alt="Measured on agentmods" height="20"></a>
Per session 0 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 753 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00000 $0.00753
Opus 5 $0.00000 $0.00377
Sonnet 5 $0.00000 $0.00151
Haiku 4.5 $0.00000 $0.00075

Measured 6d ago against content hash 71db02007924, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

add-splash-screen scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude/skills/add-splash-screen/SKILL.md · 50 lines

What it actually says

add-splash-screen

Gives one app under apps/{app}/ a native boot splash on Android, iOS, and web using flutter_native_splash — themed light/dark background with the brand logo centered. (The native splash covers engine boot; an optional Flutter splash route continues branding after it — keep both on the same surface colour so the hand-off is invisible.)

How to run this skill:

  1. Pick the app — if not passed as an argument, list apps/ and ask.
  2. Ask the user for their logo image if none was provided (an app that ran /add-app-logo already has one in apps/{app}/assets/icons/). Background colours default to the app theme's light/dark surface values — resolve the preset in assets/theme/theme_config.json via app_theme_presets.dart.
  3. Prepare the splash PNGs: splash_logo.png at 512×512 transparent (the image: must be 4x pixel density — renders as a 128pt logo, downscaled to iOS @2x/@3x + Android densities + web) and splash_logo_android12.png at 1152×1152 with the glyph inside the 768px centre circle (Android 12+ masks the rest and ignores the top-level image: entirely).
  4. Ask which theme strategy, via AskUserQuestion, before writing config. The native splash paints before Dart runs, so it can only follow the device/browser's system dark/light setting — it can never read the app's in-app theme toggle (see the guide below for why). Present two options and let the user pick:
    • Match device theme (recommended) — set color_dark/image_dark/ android_12.color_dark so the splash follows the device's system theme.
    • Fixed single look — omit color_dark/image_dark/ android_12.color_dark entirely so the splash renders the same regardless of device theme.
  5. Add flutter_native_splash to the app's dev_dependencies (never core) plus the config block matching the chosen option: color (+color_dark if matching device theme), image, web: true, and the android_12: block with its own image + colours.
  6. Generate: flutter pub get at the repo root, then from the app folder dart run flutter_native_splash:create.
  7. Walk the verification checklist in the guide below — Android launch_background.xml + per-density splash.png + night variants (if matching device theme) + values-v31/values-night-v31 styles + android12splash.png; iOS LaunchImage PNGs must be real images, not 1×1 placeholders (the #1 silent failure), plus LaunchBackground + storyboard references; web index.html splash block. Report ✅/❌ per item.
  8. Test with a cold launch on both platforms (kill the app first), toggling the device's system dark mode (not the in-app toggle) if matching device theme.

@docs/how-to/add-splash-screen.md

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 50 lines · 0 tokens per session scan A 71db02007924

Subscribe to this mod's changes

add-splash-screen is a skill published in the GitHub repository abhinav503/flutter-agentic (10 stars, last pushed 13d ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 753 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

appllama-app-design-skill

Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived performance. Enforces Apple HIG…

Appllama/appllama-skills · 184 tokens

testing-flutter

Testing Flutter 3.44 / BLoC v9 / Riverpod 3 - Stratégie Complète. Use when writing tests, reviewing test coverage, or setting up testing.

TheBeardedBearSAS/claude-craft · 42 tokens

kotlin-android

Use when building or fixing a native Android app in Kotlin and Jetpack Compose on the UDF layered architecture — ViewModel/StateFlow, Hilt, Room, Retrofit, coroutines, type-safe Navigation, and the Gradle/AGP surface. NOT shared Android and iOS UI from one Kotlin codebase (that is compose-multiplatform).

ericrisco/rsc-harness · 78 tokens

store-screenshots

앱스토어·플레이스토어 등록용 마케팅 스크린샷 자동 생성. 원본 앱 스크린샷에 기기 프레임(iPhone, iPad, Galaxy, Fold, Flip)을 씌우고 배경 그라데이션과 홍보 문구를 얹어 스토어 규격 PNG로 출력한다. Turns raw app screenshots into store-ready App Store & Google Play marketing images — device frames, branded backgrounds, marketing copy, exact store sizes. "스토어 스크린샷 만들어줘", "앱스토어 이미지"…

LeeHueeng/store-screenshots · 154 tokens

workflow-audit

Systematic UI workflow auditing for SwiftUI applications. Discovers entry points, traces user flows, detects dead ends and broken promises, audits data wiring, evaluates from user perspective. Triggers: "workflow audit", "audit flows", "find dead ends", "check navigation".

Terryc21/workflow-audit · 59 tokens

app-store-deployment

Publishes mobile applications to iOS App Store and Google Play with code signing, versioning, and CI/CD automation. Use when preparing app releases, configuring signing certificates, or setting up automated deployment pipelines.

secondsky/claude-skills · 46 tokens