Skip to content
Development
Skill

/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+.

From plugin
agent-skills-standard
538200 skills1 MCP
Install
$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill android-edge-to-edge --agent claude-code

How 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.md
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 bar

Edge-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
Ships withagent-skills-standard

The portable SDLC standards layer for AI coding agents. Sync once, then work in your own runtime.

Get the whole plugin

Other skills on agent-skills-standard.