Skip to content
Get packs

Edge-to-Edge Layout Fixer

Makes Jetpack Compose screens draw edge-to-edge and stops UI hiding behind system bars or the keyboard.

Source Download skill
Repository
android/skills
Stars
10,278
Licence
Apache-2.0
Files
1 file

What it does

Teaches the agent Google's recommended steps for migrating an Android Jetpack Compose app to edge-to-edge display, where content runs behind the status bar and navigation bar. The agent can then find Activities, lists, FABs and text fields, add enableEdgeToEdge and the adjustResize manifest setting, and apply the right padding or inset modifiers so buttons and inputs are not obscured by system bars or the on-screen keyboard. It also covers fixing system bar legibility.

Great for

  • Android developers migrating a Jetpack Compose app to edge-to-edge
  • Developers debugging buttons or lists hidden under the navigation or status bar
  • Teams fixing text fields hidden by the on-screen keyboard in Compose

Skip it if

  • Apps built with Views/XML layouts only, since the skill requires Jetpack Compose (wrong framework, instructions will not apply)
  • Projects that cannot raise their target SDK to 35 (the prerequisites require it, so the migration would be blocked)

Try asking

  • “Make my Compose app edge-to-edge and fix any buttons hidden behind the navigation bar”
  • “My login text field gets covered by the keyboard in Jetpack Compose, fix the insets”
  • “Check all my Activities and lists for edge-to-edge support and apply the right padding”
Step-by-step guide: how to use Edge-to-Edge Layout FixerInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the Apache-2.0 licence and an attribution note.

    edge-to-edge.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip edge-to-edge.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip edge-to-edge.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Point the agent at the specific Activity or screen with the problem so it does not edit the whole project blindly.
  • Review the diff afterwards, since the skill edits AndroidManifest.xml and Activity code and you should confirm no double padding was added.
  • Run the app on a device or emulator with gesture navigation and the keyboard open to verify the fix.

What's inside

  • SKILL.md

Redistributed unmodified from android/skills under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.