/android-edge-to-edge
Migrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+.
$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill android-edge-to-edge --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/android-edge-to-edge
Context preview
The summary Claude sees to decide when to auto-load this skill.
Migrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+.
SKILL.md
android-edge-to-edge.SKILL.mdname: android-edge-to-edge
description: Migrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+.
metadata:
triggers:
files:
- '**/*Activity.kt'
- '**/*Screen.kt'
- 'AndroidManifest.xml'
keywords:
- edge-to-edge
- enableEdgeToEdge
- system bars
- WindowInsets
- safeDrawingPadding
- imePadding
- status bar
- navigation barEdge-to-Edge Migration
**Priority: P1 (HIGH)**
Structured workflow for migrating a Compose app to edge-to-edge display.
Prerequisites
- Project **MUST** use Jetpack Compose.
- Project **MUST** target SDK 35+. If lower, increase `compileSdk` to 35.
Step 1: Plan
1. Locate all Activity classes. For each without `enableEdgeToEdge()`, plan to add it. 2. In each Activity, find all lists, FABs, and text fields that need inset handling. 3. If `TextField`/`OutlinedTextField` is present, plan IME inset handling.
Step 2: Enable edge-to-edge
1. Add `enableEdgeToEdge()` before `setContent` in every `Activity.onCreate`. 2. Add `android:windowSoftInputMode="adjustResize"` in AndroidManifest for Activities with soft keyboard.
Step 3: Apply insets
Choose ONE method per component to avoid double padding:
1. **PREFERRED — Scaffold**: Pass `PaddingValues` to content lambda. 2. **Material 3 components**: Use built-in inset handling (`TopAppBar`, `NavigationBar`, etc.). 3. **Outside Scaffold**: Use `Modifier.safeDrawingPadding()` or `windowInsetsPadding`.
See [inset patterns](references/inset-patterns.md) for RIGHT/WRONG code examples.
Step 4: Handle IME
For Activities with soft keyboard:
- Set `adjustResize` in manifest (NOT deprecated `SOFT_INPUT_ADJUST_RESIZE`).
- Add `imePadding()` or `fitInside(WindowInsetsRulers.Ime.current)` to content container.
- Place `imePadding` BEFORE `verticalScroll()`.
See [inset patterns](references/inset-patterns.md) for IME-specific RIGHT/WRONG patterns.
Step 5: Lists and FABs
- Apply inset padding to `contentPadding` of `LazyColumn`/`LazyRow`, NOT as `Modifier.padding()` on parent.
- FABs inside Scaffold are handled automatically. Outside Scaffold, use `safeDrawingPadding()`.
Verification
- [ ] Every `Activity` calls `enableEdgeToEdge()`.
- [ ] `adjustResize` set in AndroidManifest for keyboard Activities.
- [ ] Text fields have IME inset handling.
- [ ] List items scroll behind system bars via `contentPadding`.
- [ ] `./gradlew build` succeeds.
Anti-Patterns
- **No double inset padding**: Never combine `contentWindowInsets = WindowInsets.safeDrawing` with `imePadding()` on the same content — causes double padding when IME opens.
- **No parent padding on lists**: Apply insets to `contentPadding`, not parent `Modifier.padding()` — parent padding clips scrolling content.
- **No `SOFT_INPUT_ADJUST_RESIZE`**: Deprecated. Use manifest `adjustResize` attribute.
References
- [Inset Patterns (RIGHT/WRONG)](references/inset-patterns.md)
Read more
name: android-edge-to-edge
description: Migrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+.
metadata:
triggers:
files:
- '**/*Activity.kt'
- '**/*Screen.kt'
- 'AndroidManifest.xml'
keywords:
- edge-to-edge
- enableEdgeToEdge
- system bars
- WindowInsets
- safeDrawingPadding
- imePadding
- status bar
- navigation barEdge-to-Edge Migration
**Priority: P1 (HIGH)**
Structured workflow for migrating a Compose app to edge-to-edge display.
Prerequisites
- Project **MUST** use Jetpack Compose.
- Project **MUST** target SDK 35+. If lower, increase `compileSdk` to 35.
Step 1: Plan
1. Locate all Activity classes. For each without `enableEdgeToEdge()`, plan to add it. 2. In each Activity, find all lists, FABs, and text fields that need inset handling. 3. If `TextField`/`OutlinedTextField` is present, plan IME inset handling.
Step 2: Enable edge-to-edge
1. Add `enableEdgeToEdge()` before `setContent` in every `Activity.onCreate`. 2. Add `android:windowSoftInputMode="adjustResize"` in AndroidManifest for Activities with soft keyboard.
Step 3: Apply insets
Choose ONE method per component to avoid double padding:
1. **PREFERRED — Scaffold**: Pass `PaddingValues` to content lambda. 2. **Material 3 components**: Use built-in inset handling (`TopAppBar`, `NavigationBar`, etc.). 3. **Outside Scaffold**: Use `Modifier.safeDrawingPadding()` or `windowInsetsPadding`.
See [inset patterns](references/inset-patterns.md) for RIGHT/WRONG code examples.
Step 4: Handle IME
For Activities with soft keyboard:
- Set `adjustResize` in manifest (NOT deprecated `SOFT_INPUT_ADJUST_RESIZE`).
- Add `imePadding()` or `fitInside(WindowInsetsRulers.Ime.current)` to content container.
- Place `imePadding` BEFORE `verticalScroll()`.
See [inset patterns](references/inset-patterns.md) for IME-specific RIGHT/WRONG patterns.
Step 5: Lists and FABs
- Apply inset padding to `contentPadding` of `LazyColumn`/`LazyRow`, NOT as `Modifier.padding()` on parent.
- FABs inside Scaffold are handled automatically. Outside Scaffold, use `safeDrawingPadding()`.
Verification
- [ ] Every `Activity` calls `enableEdgeToEdge()`.
- [ ] `adjustResize` set in AndroidManifest for keyboard Activities.
- [ ] Text fields have IME inset handling.
- [ ] List items scroll behind system bars via `contentPadding`.
- [ ] `./gradlew build` succeeds.
Anti-Patterns
- **No double inset padding**: Never combine `contentWindowInsets = WindowInsets.safeDrawing` with `imePadding()` on the same content — causes double padding when IME opens.
- **No parent padding on lists**: Apply insets to `contentPadding`, not parent `Modifier.padding()` — parent padding clips scrolling content.
- **No `SOFT_INPUT_ADJUST_RESIZE`**: Deprecated. Use manifest `adjustResize` attribute.
References
- [Inset Patterns (RIGHT/WRONG)](references/inset-patterns.md)
The portable SDLC standards layer for AI coding agents. Sync once, then work in your own runtime.
Repo: hoangnguyen0403/agent-skills-standard
Other skills on agent-skills-standard.
- /android-agp-upgrade
Upgrade an Android project to Android Gradle Plugin (AGP) 9. Use when migrating to AGP 9, updating Gradle build files, migrating to built-in Kotlin, or adopting the new AGP DSL.
Open skill - /android-architecture
Apply Clean Architecture layering, modularization, and Unidirectional Data Flow in Android projects. Use when setting up project structure, placing code in layers, configuring feature/core modules, or implementing UDF patterns; defer Compose state and ViewModel/StateFlow
Open skill - /android-background-work
Implement WorkManager and background processing correctly on Android. Use when creating Worker classes, scheduling tasks, choosing between WorkManager and Foreground Services, or setting up Hilt in workers; defer FCM and notification delivery to android-notifications.
Open skill - /android-compose-migration
Migrate an Android XML View to Jetpack Compose following a structured 10-step workflow. Use when converting XML layouts to Compose, setting up Compose in an existing View-based project, or incrementally adopting Compose.
Open skill - /android-compose
Build high-performance declarative UI with Jetpack Compose. Use when writing Composable functions, optimizing recomposition, hoisting state, or working with LazyColumn and side effects; defer deep-link and navigation routing to android-navigation.
Open skill - /android-concurrency
Write correct coroutine scopes, lifecycle collection, and dispatcher injection in Android production code. Use for suspend functions, coroutine scopes, and dispatcher mechanics; defer ViewModel StateFlow/LiveData architecture, Fragment lifecycle recipes,
Open skill

