Individual skill
adaptive
Instructions to make or update an app's UI so that it adapts to different Android devices including phones, tablets, foldables, laptops, desktop, TV, Auto, and XR. It includes how to handle different window sizes, pointing devices (such as mouse) and text entry devices (such as keyboard) using the Compose MediaQuery API, and how to preserve UI, navigation, scroll, and media playback state across configuration changes (such as folding/unfolding a foldable, rotating a device, or resizing a window). It also covers multi-pane layouts using Navigation3 Scenes, adaptive UI components (such as buttons) with varying target sizes, and adaptive layouts (including navigation areas - nav rails and nav bars) using the Compose Grid and FlexBox APIs. It also covers desktop experiences with keyboard shortcuts, tooltips and custom cursors.
jetpack-compose/adaptive/SKILL.md
Source commit 6daa53ef27fa2aa87827d183a85c06cedceca833
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 3, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 10,407
- Repository last updated
- Nov 5, 2026
- License
- Apache-2.0
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- skills Repository topic
- design Derived category
- design-interface Derived category
Declared tags are partial or unavailable.
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 22,102 bytesreferences/android/develop/ui/compose/layouts/adaptive/flexbox/container-behavior.mddoc · 9,349 bytesreferences/android/develop/ui/compose/layouts/adaptive/flexbox/get-started.mddoc · 2,337 bytesreferences/android/develop/ui/compose/layouts/adaptive/flexbox/index.mddoc · 5,987 bytesreferences/android/develop/ui/compose/layouts/adaptive/flexbox/item-behavior.mddoc · 8,504 bytesreferences/android/develop/ui/compose/layouts/adaptive/grid/container-properties.mddoc · 16,219 bytesreferences/android/develop/ui/compose/layouts/adaptive/grid/get-started.mddoc · 1,849 bytesreferences/android/develop/ui/compose/layouts/adaptive/grid/index.mddoc · 4,253 bytesreferences/android/develop/ui/compose/layouts/adaptive/grid/item-properties.mddoc · 5,756 bytesreferences/android/develop/ui/compose/layouts/adaptive/mediaquery/index.mddoc · 14,161 bytesreferences/android/guide/navigation/navigation-3/recipes/material-listdetail.mddoc · 6,513 bytesreferences/android/guide/navigation/navigation-3/save-state.mddoc · 6,011 bytesreferences/android/studio/preview/compose-screenshot-testing-with-testsuites.mddoc · 7,507 bytesreferences/custom_cursors.mddoc · 4,351 bytesreferences/foldable-tabletop.mddoc · 3,875 bytesreferences/keyboard_shortcuts.mddoc · 6,166 bytesreferences/tooltips.mddoc · 4,266 bytes
Read excerpt
## Prerequisites
The app must:
- Use Compose for all screens. If it's still using Fragments or Views, suggest using the XML to Compose skill to migrate those screens.
- Use Jetpack Navigation 3. If it doesn't, suggest the Navigation 3 skill to migrate the app.
## Workflow to make an app adaptive
To make an app adaptive, follow these steps or a subset of them adapting to the
task.
- Step 1: Verify current UI
- Step 2: Make the navigation bar adaptive