Edge to edge adaptive ui

Skill GDvega/super-android-kotlin-firebase-skill/skills/edge-to-edge-adaptive-ui

A modular Agent Skills repository for Android, Kotlin, Jetpack Compose and Firebase development.

Install

npx -y skills add GDvega/super-android-kotlin-firebase-skill --skill edge-to-edge-adaptive-ui

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Use for Android edge-to-edge, WindowInsets, system bars, adaptive layouts, tablets, foldables and Compose UI resilience.

SKILL.md

3.2 KB, as published. Nobody here has run it

Purpose

Modernize UI for current Android devices without content overlap, broken system bars or inaccessible layouts.

When to use

Enabling edge-to-edge display.
Fixing content hidden under status or navigation bars.
Adding tablet, foldable or adaptive layouts.
Improving Compose insets and window size behavior.

Inputs to inspect

MainActivity.kt
Theme and system bar setup
Scaffold, app bars and navigation bars
WindowInsets usage
Adaptive layout breakpoints
Dark mode and accessibility settings

Required workflow

Inspect current system bar and decor fits setup.
Replace fixed padding with WindowInsets-aware layout.
Check compact, medium and expanded layouts.
Validate gesture and three-button navigation.
Test dark mode, font scale and TalkBack order.

Rules

Do not use fixed status bar padding as a universal fix.
Do not hide important content behind bars or cutouts.
Use WindowInsets or Material components intentionally.
Do not break accessibility while optimizing layout.
Consider tablets and foldables for core workflows.

Related existing skills

Local skills to invoke

jetpack-compose
accessibility
android-core
context-aware-ui-design
screen-ux-audit

External companion skills to use when installed

Do not assume these companion skills are installed. Prefer the local skills above first, then consult Companion Skills for install and verification commands.

aldefy/compose-skill — use for deeper Jetpack Compose, Material 3, design-to-code, theming or Compose architecture guidance.
android/skills — use for official Android workflow alignment around edge-to-edge, adaptive UI, Navigation 3, R8, AGP or testing setup.

Files commonly touched

MainActivity.kt
ui/theme/*
*Screen.kt
*Scaffold.kt
res/values/themes.xml
Compose previews and UI tests

Commands to validate

./gradlew assembleDebug
./gradlew test
./gradlew connectedDebugAndroidTest

Common mistakes to avoid

Testing only one navigation mode.
Adding padding twice through Scaffold and manual insets.
Forgetting landscape, tablets or font scale.
Changing colors without contrast checks.

Checklist

Insets handled once.
System bars readable.
Adaptive states considered.
Dark mode checked.
Accessibility risks named.

Example prompts

Use $super-android-kotlin-firebase to fix edge-to-edge overlap in this Compose screen.
Use $super-android-kotlin-firebase to make this layout tablet-ready.

Expected response style

Respond with: brief diagnosis, change plan, affected files, code or diff summary, validation commands, tests added or recommended, risks, and next step. For review tasks, lead with findings ordered by severity.

References

../../docs/audits/FUENTES_LOCALES.md
references/edge-to-edge-checklist.md
references/insets-patterns-compose.md
references/adaptive-layouts.md
references/tablets-foldables-notes.md
templates/edge-to-edge-mainactivity-template.md
templates/adaptive-scaffold-template.md
templates/window-size-class-template.md