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
Decision gist · record as of 2026-07-22
mobile-android-design teaches Material Design 3 and Jetpack Compose patterns for building modern Android interfaces. 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.
Use it when
- mobile-android-design covers creating adaptive layouts that respond to different screen sizes and orientations.
- mobile-android-design teaches Material 3 theming with dynamic colors and dark mode implementation.
Verify before relying
Read SKILL.md below before installing (5 files). Open directory: indexed for reading, not audited.
Install
wshobson/agents/mobile-android-design · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Build modern Android UIs with Jetpack Compose and Material Design 3”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Compose Expert guides you through creating reusable visual components that work across Android and Desktop platforms. Learn when to share composables in commonMain versus keeping them platform-specific, master state patterns like remember and derivedStateOf, and apply Material3 theming consistently. The skill covers component structure, state hoisting, recomposition optimization, and custom icon creation.
Material-3 covers Google's Material Design 3 system for building adaptive, personal UIs primarily in Jetpack Compose. It includes 30+ components, a complete token system for color and typography, theming with dynamic color, and responsive layout patterns across window sizes. Also supports Flutter and web implementations.
Master Android development using Kotlin and Jetpack Compose for declarative UI building. Learn clean architecture patterns, dependency injection with Hilt, Room database integration, and Retrofit API calls across phones, tablets, TV, Wear OS, and Android Auto.
Reference guide for Material Design 3 compliance on Android, covering dynamic color theming, semantic color roles, navigation patterns for different screen sizes, and Material You implementation. Includes rules and code examples for Compose and XML layouts.
Master Material Design 3 implementation on Android with guidance on dynamic color, theming, navigation patterns, and semantic color roles. This skill covers best practices for Jetpack Compose and XML layouts, including Navigation Bar, Rail, and Drawer patterns for different screen sizes, plus accessibility and Material You compliance.
This skill covers the slot API pattern for building reusable Jetpack Compose components. Learn to replace primitive content parameters and boolean flags with composable slots, use scope receivers to expose layout capabilities, and organize defaults in companion objects. The pattern keeps call sites clean while preserving full flexibility for unusual cases.
More skills compose-slot-api-pattern (MIT) · Compose Expert (NOASSERTION) · xml-to-compose-migration (Apache-2.0) · android-compose-foundations (MIT) · compose-modifier-and-layout-style (Apache-2.0) · display-glasses-with-jetpack-compose-glimmer (Apache-2.0) · android-coil-compose (MIT)