mobile-android-design
Learn to craft responsive Android interfaces using Jetpack Compose and Material Design 3 (Material You). This skill covers adaptive layouts for phones, tablets, and foldables, dynamic color theming, and accessibility best practices.
mobile-android-design teaches Material Design 3 and Jetpack Compose patterns for building modern Android interfaces.
AI-generated summary based on this skill's SKILL.md
Install
wshobson/agents/mobile-android-design · repository language: Python
git clone https://github.com/wshobson/agents
cp -r agents/plugins/ui-design/skills/mobile-android-design ~/.claude/skills/mobile-android-designFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does mobile-android-design teach about Jetpack Compose UI?
mobile-android-design teaches you to build modern Android UIs with Jetpack Compose and Material Design 3. You'll learn declarative UI patterns, composable functions, state management, and how to create responsive interfaces that adapt across phones, tablets, and foldable devices using contemporary Material You design principles.
How do you build compose adaptive layouts for phones and tablets?
mobile-android-design covers creating adaptive layouts that respond to different screen sizes and orientations. You'll learn to design interfaces that work seamlessly on phones, tablets, and foldable devices by using responsive patterns, window size classes, and layout composition techniques that adjust content dynamically.
What Material 3 theming features does mobile-android-design include?
mobile-android-design teaches Material 3 theming with dynamic colors and dark mode implementation. You'll master Material You color systems, learn to apply dynamic color palettes based on device wallpapers, implement dark mode support, and create cohesive visual experiences that follow Material Design 3 guidelines.
What jetpack compose navigation patterns are covered?
mobile-android-design focuses on Compose patterns for navigation and state management. You'll learn navigation architecture, state hoisting, composable routing, and best practices for managing app state across screens while maintaining clean, predictable data flow in your Compose applications.
How does mobile-android-design address Android accessibility?
mobile-android-design emphasizes designing accessible Android interfaces following Material guidelines. You'll learn touch target sizing, semantic descriptions, color contrast requirements, and accessibility best practices to ensure your Compose UIs are usable by everyone, including users with disabilities.
Is mobile-android-design open source and what license does it use?
mobile-android-design is released under the MIT license, making it freely available for personal and commercial use. The MIT license allows you to use, modify, and distribute the skill's content with minimal restrictions while maintaining attribution.
SKILL.md
rendered from the published skill — quoted content, verbatim
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
```kotlin @Composable fun ItemListCard( item: Item, onItemClick: () -> Unit, modifier: Modifier = Modifier ) {
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 5 files
plugins/ui-design/skills/mobile-android-design/SKILL.md
plugins/ui-design/skills/mobile-android-design/references/android-navigation.md
plugins/ui-design/skills/mobile-android-design/references/compose-components.md
plugins/ui-design/skills/mobile-android-design/references/details.md
plugins/ui-design/skills/mobile-android-design/references/material3-theming.md