Agent skill · design visual · wshobson
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 best practices for implementing Material Design 3 and Jetpack Compose in Android apps, which the AI may not generate reliably on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-08-05. 38,570 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 Detailed section: Core Concepts Originally a 9201-byte section in this SKILL.md. Moved to references/details.md to fit Codex's 8 KB skill body cap. 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. Preview Annotations: Add @Preview with different configurations Common Issues Recomposition Issues: Avoid passing unstable lambdas; use remember State Loss: Use rememberSaveable for configuration changes Performance: Use LazyColumn instead of Column for long lists Theme Leaks: Ensure MaterialTheme wraps all composables Navigation Crashes: Handle back press and deep links properly Memory Leaks: Cancel coroutines in DisposableEffect
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills wshobson/mobile-android-design