Migrates Jetpack Compose apps to adaptive edge-to-edge layouts with proper insets for bars and IME.
npx skills add https://github.com/android/skills --skill edge-to-edge-android
Please help me install this Agent Skill. Skill: edge-to-edge Source: https://github.com/android/skills/tree/main/system/edge-to-edge Command: npx skills add https://github.com/android/skills --skill edge-to-edge-android
Edge-to-edge Jetpack Compose UIs can end up hidden behind the status bar, navigation bar, or the on-screen keyboard, making buttons, lists, and text input hard to use.
enableEdgeToEdge and updates Activities so content can draw correctly into system bar areas.Ask an AI to migrate your Jetpack Compose app to edge-to-edge by updating Activities to call enableEdgeToEdge, enabling adjustResize for keyboard scenarios, and wiring system bar/IME insets to the correct composable containers so content stays tappable and text fields remain visible.
High-intent search queries and answers about installing and using this skill.
Your Jetpack Compose UI hides behind system bars because edge-to-edge mode is not enabled per Activity. You must call enableEdgeToEdge and apply correct window insets via Scaffold PaddingValues to prevent content overlap.
To handle the on-screen keyboard overlapping text fields in Jetpack Compose, enable adjustResize in the manifest for keyboard scenarios and apply IME insets to composable containers so input fields remain visible while typing.
Prevent double-padding when applying window insets by routing system bar and IME insets through Scaffold PaddingValues or safe drawing rulers instead of manually padding nested components, avoiding duplicate inset applications.
Edge-to-edge migration in Jetpack Compose supports dialogs and floating action buttons by applying consistent component-safe inset strategies to prevent these elements from being obscured by system bars or the IME.
The best way to migrate an Android app to adaptive edge-to-edge layouts is updating Activities to call enableEdgeToEdge and wiring system bar and IME insets to the correct composable containers so content stays tappable and visible.
Compose lists and FABs are obscured by system bars after enabling edge-to-edge because correct insets are not applied. Apply the right inset strategy for scaffolds and lists to ensure UI components remain tappable and unobscured.
thinhtt264Convert Android XML layouts to Jetpack Compose composables.
ekawijayasusiloMigrate Jetpack Compose Android apps to adaptive edge-to-edge layouts with system bar and IME inset handling.
premex-abMigrate Android Jetpack Compose apps to adaptive edge-to-edge rendering with inset handling.
yash-gargMigrate Jetpack Compose apps to adaptive edge-to-edge layouts with inset handling.