0140-mobile-android-design

What problem does it solve?

It helps you avoid inconsistent, non-adaptive Android UI designs by providing practical guidance for building layouts that match Material Design 3 and work well with Jetpack Compose across device sizes.

Core Features & Use Cases

• Material 3 design principles: Apply personalization (Material You/dynamic color), accessibility-minded color roles, and responsive patterns for large screens.
• Jetpack Compose UI patterns: Use core layout primitives (Column/Row), efficient lists/grids (LazyColumn/LazyVerticalGrid), and component composition (Cards, Buttons, FAB).
• Navigation UI implementations: Implement common navigation structures using Compose (NavigationBar, Navigation Drawer, Navigation Rail) and integrate with Navigation Compose routes.
• Material 3 theming in Compose: Configure color schemes (including dynamic color) and typography to produce a cohesive look across the app.
• Best practices for production-quality UI: Address touch target sizing, content descriptions for accessibility, state hoisting, previews, and common Compose pitfalls.

Quick Start

Use the 0140-mobile-android-design skill to generate a Material 3 + Jetpack Compose UI plan for an Android app screen that includes theming, a responsive layout strategy, and at least one navigation pattern suitable for phone and tablet/large-screen devices.