mobile-android-design

Implement Material Design 3 patterns with Jetpack Compose on Android.

Updated Feb 16, 2026
One-click install
npx skills add https://github.com/esteban389/workout --skill mobile-android-design-esteban389
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-android-design
Source: https://github.com/esteban389/workout/tree/main/.agents/skills/mobile-android-design
Command: npx skills add https://github.com/esteban389/workout --skill mobile-android-design-esteban389

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Streamline the design and implementation of Android UI by providing a cohesive guide to Material Design 3 and Jetpack Compose patterns, helping teams build modern, accessible, and consistent interfaces.

Core Features & Use Cases

  • Master Material Design 3 aesthetics and dynamic theming within Jetpack Compose.
  • Build adaptive layouts for phones, tablets, and foldables with responsive components.
  • Implement robust navigation patterns (bottom navigation, drawers, navigation rails) and accessible interactions across devices.
  • Reusable UI building blocks, patterns, and code references to accelerate Android UI development.

Quick Start

Open this guide and start prototyping an Android UI by reviewing Material Design 3 patterns and Jetpack Compose examples.

Frequently Asked Questions about mobile-android-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Material Design 3 theming with Jetpack Compose?

Material Design 3 theming in Jetpack Compose is implemented using structured Compose components and theming primitives to define color schemes and typography. This approach provides a cohesive system for building modern, consistent Android interfaces with dynamic theming.

What is the best way to build adaptive layouts for Android foldables?

Building adaptive layouts for Android foldables involves using responsive components and Jetpack Compose patterns. This technique allows your UI to dynamically adjust across phones, tablets, and foldables, ensuring accessible interactions and robust navigation on any screen size.

Does this guide support navigation rails and accessible interactions?

Yes, this guide supports navigation rails and accessible interactions across devices. It provides practical UI patterns for implementing robust navigation, including bottom navigation and drawers, ensuring accessibility within Kotlin-based Android apps.

How do I structure reusable UI building blocks for Android UI development?

Structuring reusable UI building blocks for Android UI development utilizes practical Jetpack Compose patterns and code references. This method accelerates development by providing a cohesive set of Compose components that teams can implement directly.

Can I use these Material Design patterns for tablets without extra dependencies?

Yes, you can apply these Material Design patterns for tablets without extra dependencies. The guide focuses on native Jetpack Compose primitives to create responsive components and adaptive layouts, requiring no additional libraries to support large screens.