Skills
.Work. You
Rest

edge-to-edge

Community

Migrate to true edge-to-edge UX in Compose.

Software Engineering#android#jetpack-compose#edge-to-edge#insets#ime#system-bars
Authortanaka-mambinge
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Migrate Jetpack Compose apps to adaptive edge-to-edge layouts, preventing UI elements from being obscured by the navigation or status bars and ensuring proper IME insets and system-bar legibility.

Core Features & Use Cases

  • Detect activities that lack edge-to-edge support and plan upgrades for each screen.
  • Enable edge-to-edge by adding enableEdgeToEdge() in onCreate and configure window insets handling across the app.
  • Apply insets correctly using Scaffold contentPadding or windowInsets modifiers to keep interactive elements tappable and visible.
  • Ensure navigation and status bar icons adapt to light/dark themes for legible system bars.

Quick Start

Identify all Activities lacking edge-to-edge, enable edge-to-edge in each Activity, configure manifest windowSoftInputMode to adjustResize, and apply insets consistently across screens.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: edge-to-edge
Download link: https://github.com/tanaka-mambinge/dotfiles/archive/main.zip#edge-to-edge

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.