mobile-android-design

This skill provides a comprehensive framework for building modern, high-performance Android user interfaces using Jetpack Compose and Material Design 3 (Material You). It is designed for Android developers who need to implement consistent design systems, adaptive layouts, and complex navigation flows that comply with official Google design guidelines. The skill emphasizes the transition to declarative UI development and leverages the power of Kotlin-based composition to create modular, maintainable, and highly personalized user experiences.

• Expert guidance on Material 3 components including Cards, Buttons, Navigation Rails, Bottom Navigation, and Modal Drawers.

• Deep integration with Jetpack Compose layout system using Column, Row, Box, LazyColumn, and LazyVerticalGrid.

• Implementation of adaptive design patterns for responsive layouts across phone, tablet, and foldable device screen configurations.

• Guidance on accessibility standards, tonal palettes, and dynamic color systems (Material You) that adapt to user wallpaper preferences.

• Architectural support for Navigation Compose, including nested navigation, deep linking, and state-aware navigation patterns.

• Best practices for performance-optimized UI, including state management, recomposition avoidance, and complex list handling with sticky headers.

• Techniques for managing user interactions, touch targets, and complex gesture support within the Android ecosystem.

• Input: User requirements for UI/UX screens, layout specifications, or design mockups (Figma/Adobe XD references).

• Output: Clean, idiomatic Kotlin code implementing Composable functions, UI state definitions, and navigation graphs.

• When applying this skill, ensure you specify the screen target density and configuration to allow for proper adaptive sizing using Android's dp-based units.

• Always prioritize semantic color tokens from MaterialTheme.colorScheme to ensure the app respects system-wide theme settings and dynamic color features.

• Use this skill when refactoring legacy XML-based layouts to modern Compose or when bootstrapping new native Android feature modules.