adaptive

What problem does it solve?

The adaptive skill helps you redesign an Android Jetpack Compose UI so it looks and behaves correctly across phones, tablets, foldables, desktop-like screens, TV, Auto, and XR—handling window size, posture, input devices, multi-pane navigation, and responsive layouts.

Core Features & Use Cases

• Adaptive layout planning with verification: Ensures you have screenshot tests for major form factors and uses Compose preview screenshot testing guidance when they are missing.
• Responsive navigation areas and multi-pane UI: Migrates bottom navigation to adaptive navigation (rail vs bar) and implements multi-pane layouts using Navigation 3 SceneStrategy (list-detail and supporting pane).
• Device capability–aware UI decisions: Uses Compose MediaQuery concepts to vary layout and interaction patterns based on pointer precision, keyboard type, and screen/window characteristics.
• Scalable content layouts: Adapts vertical lists and grids by switching to adaptive column counts and using Grid/FlexBox-based approaches for varying screen sizes and densities.

Quick Start

Use the adaptive skill to migrate your app to Jetpack Compose (screens), verify screenshot coverage for key form factors, then update navigation and layout using Navigation 3 SceneStrategy for multi-pane support.