skills.rest
leogallego
leogallegoCOMMUNITY
Explore all skills by this author →
𝕏@leogallegoredGitHub

adaptive

Design adaptive Android UIs with Compose MediaQuery and Navigation3 Scenes.

1|Updated Apr 2, 2026
Search Tags:#android#compose#flexbox#grid#navigation3#adaptive-ui#mediaquery
One-click install
npx skills add https://github.com/leogallego/ansible-jane --skill adaptive-leogallego
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: adaptive
Source: https://github.com/leogallego/ansible-jane/tree/main/skills/android-official/adaptive
Command: npx skills add https://github.com/leogallego/ansible-jane --skill adaptive-leogallego

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing Android apps that seamlessly adapt to phones, tablets, foldables, laptops, TVs, Auto, and XR without rewriting UI code.

Core Features & Use Cases

  • Adaptive layouts managed with Compose MediaQuery to respond to device capabilities and screen sizes.
  • Multi-pane navigation using Navigation3 Scenes to display lists, details, and extras efficiently.
  • Grid and FlexBox based components to reflow UI content across form factors.

Quick Start

Describe and implement an adaptive UI plan for an Android app using Compose MediaQuery and Navigation3 Scenes.

Frequently Asked Questions about adaptive

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build adaptive Android UIs that adjust to multiple form factors?▼

Build adaptive Android UIs using Compose MediaQuery and adaptive components to respond to screen sizes and device capabilities. Grid and FlexBox layouts reflow content across phones, foldables, laptops, and TVs.

What's the best way to implement multi-pane navigation for foldables and tablets?▼

Implement multi-pane navigation using Navigation3 Scenes to display lists, details, and extras efficiently. This approach adapts layouts across form factors by reusing the same UI code from phones to foldables and tablets.

Do I need external libraries to use Compose MediaQuery for responsive layouts?▼

No external libraries are needed beyond standard Compose Adaptive APIs to use Compose MediaQuery for responsive layouts. It queries window size, pointers, keyboard, camera, and microphone capabilities natively to drive UI decisions.

How does Compose MediaQuery query device capabilities for UI decisions?▼

Compose MediaQuery queries device capabilities by checking window size, pointers, keyboard availability, camera, and microphone status. These capability checks drive UI decisions to adapt layouts and controls across different form factors.

Can I design Android apps that work across TVs and XR without rewriting UI code?▼

You can design Android apps across TVs and XR without rewriting UI code by using Compose MediaQuery with Grid and FlexBox components. These adaptive components reflow content to fit any device from phones to XR headsets.

Related Skills

Explore More Software Engineering Skills→
Kaito-DogiKaito-Dogi

adaptive

Adapt Android UIs with Jetpack Compose MediaQuery for responsive layouts and navigation.

Community
Intermediate
JhabbigJhabbig

mobile-android-design

Design native Android interfaces with Material Design 3 and Jetpack Compose.

Community
Advanced
klxiaoniuklxiaoniu
174

adaptive

Develop adaptive Compose Android UI layouts using Navigation 3 SceneStrategy and MediaQuery.

Community
Advanced
inehemiasminehemiasm

adaptive

Adapt Jetpack Compose layouts for multiple Android device form factors.

Community
Advanced