Agent skill · software engineering · android
adaptive
Instructions to make or update an app's UI so that it adapts to different
Why this skill is useful
Provides specific implementation details for adaptive UI design in Android using Compose, which the AI wouldn't reliably generate on its own.
What it needs
Requires android-sdk installed locally. About 7k tokens when loaded. Last updated 2026-08-05. 6,589 stars on the source repository.
What this skill does
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 Step 3: Add multi-pane layouts Step 4: Make vertical lists adaptive by changing the number of columns Step 5: Hide app bars when scrolling Step 1. Verify current UI Ensure that screenshot tests exist to verify the current UI on different form factors. If they don't exist, add the Compose Preview Screenshot Testing tool. Use the following annotation to create previews for all the major form factors. For example: <br /> Step 2. Make the navigation bar adaptive Bottom navigation bars are optimized for touch input when the user is holding a phone in portrait mode. On larger screen hand-held devices, like tablets and unfolded foldables, the navigation area must be accessible from the edge of the screen (navigation rail). If you need to provide more screen space for the content, hide the navigation area. Examples of this include: Hiding the navigation bar when the user scrolls down and showing it again when the user scrolls up. The assumption is that when the user is scrolling down, they are consuming content but when scrolling up they are trying to navigate away from that content. Hiding the navigation area when its content is distracting. For example, in camera previews or when displaying a full-screen photo. When the detail screen is displayed full-screen on mobile, full-screen mode must be deactivated on larger screens. Steps to migrate: Locate the existing navigation bar. Convert each item to a NavigationSuiteItem. Identify whether the navigation bar's visibility changes. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills android/adaptive