What problem does it solve?
This Skill addresses the complexity of creating consistent, high-quality user interfaces that function seamlessly across the diverse range of Android form factors, from small phones to large-screen foldables, tablets, and desktop environments.
Core Features & Use Cases
- Adaptive Navigation: Automatically transitions between bottom navigation bars and navigation rails based on screen width.
- Multi-pane Layouts: Implements robust list-detail and supporting-pane patterns using Navigation 3 Scenes.
- Responsive Grids: Dynamically adjusts column counts and layout density using the experimental Grid API and MediaQuery system.
- Use Case: A developer can use this Skill to transform a static phone-only app into a responsive application that displays a list-detail view on tablets and a navigation rail on desktop, ensuring optimal usability on every device.
Quick Start
Use the adaptive skill to migrate the current navigation structure to a NavigationSuiteScaffold and implement a list-detail scene strategy for the main feed.