Implement adaptive Android UIs with Jetpack Compose and Navigation 3.
npx skills add https://github.com/mymx2/foreman --skill adaptive-mymx2
Please help me install this Agent Skill. Skill: adaptive Source: https://github.com/mymx2/foreman/tree/main/.qoder/skills.collected/skills/adaptive Command: npx skills add https://github.com/mymx2/foreman --skill adaptive-mymx2
This Skill solves the complexity of creating consistent, high-quality user interfaces that adapt seamlessly across diverse Android form factors, including phones, tablets, foldables, and desktops.
Use the adaptive skill to migrate the current navigation bar to a responsive NavigationSuiteScaffold.
High-intent search queries and answers about installing and using this skill.
Build responsive Android UIs by dynamically switching between bottom navigation bars and navigation rails based on screen width using NavigationSuiteScaffold. This approach seamlessly adapts your Jetpack Compose layout across phones, tablets, and foldables without rewriting core business logic.
Implement multi-pane layouts in Android Compose using Navigation 3 SceneStrategies. This mechanism supports robust list-detail and supporting-pane patterns, allowing a single-pane mobile app to transform into a multi-pane tablet experience dynamically.
Adaptive grids and FlexBox APIs manage layout density by dynamically adjusting column counts based on screen dimensions. This responsive grid configuration ensures optimal content distribution across diverse Android form factors, from compact phones to expanded desktops.
Yes, this adaptive navigation approach supports desktop environments alongside phones, tablets, and foldables. By leveraging Jetpack Compose and Navigation 3, the UI dynamically scales navigation area visibility and layout density for cross-device compatibility.
Migrate an existing bottom navigation bar to a responsive NavigationSuiteScaffold by applying adaptive navigation instructions. This automatically transitions your UI between bottom bars and navigation rails based on screen width breakpoints.
Use Navigation 3 SceneStrategies for supporting-pane patterns when you need robust multi-pane layouts on larger screens. This mechanism handles dynamic navigation area visibility, making it ideal for transforming single-pane apps into multi-pane tablet experiences.
patlar104Implement Material Design 3 theming and components in Jetpack Compose.
rock-huConvert Android XML layouts to Jetpack Compose equivalents.
inehemiasmAdapt Jetpack Compose layouts for multiple Android device form factors.
shirulotImplement adaptive Android UI layouts with Jetpack Compose and Material 3.
