Agent skill · design visual · aiskillstore
mobile-android-design
Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.
Why this skill is useful
Provides specific patterns and principles for implementing Material Design 3 and Jetpack Compose in Android apps, which the AI may not reliably generate on its own.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Android Mobile Design Master Material Design 3 (Material You) and Jetpack Compose to build modern, adaptive Android applications that integrate seamlessly with the Android ecosystem. When to Use This Skill Designing Android app interfaces following Material Design 3 Building Jetpack Compose UI and layouts Implementing Android navigation patterns (Navigation Compose) Creating adaptive layouts for phones, tablets, and foldables Using Material 3 theming with dynamic colors Building accessible Android interfaces Implementing Android-specific gestures and interactions Designing for different screen configurations Core Concepts 1. Material Design 3 Principles Personalization: Dynamic color adapts UI to user's wallpaper Accessibility: Tonal palettes ensure sufficient color contrast Large Screens: Responsive layouts for tablets and foldables Material Components: Cards, Buttons, FABs, Chips Navigation (rail, drawer, bottom nav) Text fields, Dialogs, Sheets Lists, Menus, Progress indicators 2. Jetpack Compose Layout System Column and Row: Lazy Lists and Grids: 3. Navigation Patterns Bottom Navigation: Navigation Drawer: 4. Material 3 Theming Color Scheme: Typography: 5. Component Examples Cards: Buttons: Quick Start Component Best Practices 1. Use Material Theme: Access colors via MaterialTheme.colorScheme for automatic dark mode support 2. Support Dynamic Color: Enable dynamic color on Android 12+ for personalization 3. Adaptive Layouts: Use WindowSizeClass for responsive designs 4. Content Descriptions: Add contentDescription to all interactive elements 5. Touch Targets: Minimum 48dp touch targets for accessibility 6. State Hoisting: Hoist state to make components reusable and testable 7. Remember Properly: Use remember and rememberSaveable appropriately 8. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/mobile-android-design