mobile-android-design

Design Android interfaces using Material Design 3 and Jetpack Compose.

Updated May 16, 2026

Search Tags:#theming #accessibility #navigation #android #jetpack compose #adaptive layouts #material design 3

Ready to run

npx skills add https://github.com/p-o-ke-nae/pokemondamagecalculatorforstory --skill mobile-android-design-p-o-ke-nae

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-android-design
Source: https://github.com/p-o-ke-nae/pokemondamagecalculatorforstory/tree/main/.github/skills/mobile-android-design
Command: npx skills add https://github.com/p-o-ke-nae/pokemondamagecalculatorforstory --skill mobile-android-design-p-o-ke-nae

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design modern Android interfaces without piecing together scattered guidelines, so you can build consistent, accessible, and adaptive app screens faster.

Core Features & Use Cases

Material Design 3 guidance: Apply dynamic color, color roles, typography, shapes, elevation, and component best practices.
Jetpack Compose UI patterns: Build layouts with Column, Row, LazyColumn, cards, forms, dialogs, sheets, and animations.
Navigation and responsiveness: Implement bottom navigation, drawers, navigation rails, deep links, and layouts that adapt to phones, tablets, and foldables.
Use case: Design a complete Android app shell with a themed home screen, responsive navigation, reusable components, and accessible interactions that work across screen sizes.

Quick Start

Ask for a Material 3 Jetpack Compose design plan for an Android screen or app flow, including adaptive navigation, theming, and accessible components.

Frequently Asked Questions about mobile-android-design

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

FAQPage Schema

How do I design adaptive layouts in Jetpack Compose for Android tablets and foldables?▼

Design adaptive layouts in Jetpack Compose by implementing responsive navigation and material design 3 patterns that adjust screen structures automatically across phones, tablets, and foldables.

What is the best way to implement Material Design 3 theming in Jetpack Compose?▼

Implement Material Design 3 theming in Jetpack Compose by applying dynamic color, color roles, typography, shapes, and elevation to ensure consistent styling across reusable components and app screens.

How do I build accessible navigation and forms with Material 3 components?▼

Build accessible navigation and forms with Material 3 components by following Jetpack Compose best practices for state, interactions, dialogs, sheets, and loading states to ensure usable app flows.

Does this Material 3 Jetpack Compose design guidance support deep links and bottom navigation?▼

Yes, Material 3 Jetpack Compose design guidance supports implementing bottom navigation, drawers, navigation rails, and deep links to create complete and responsive native app shells.

Can I use Jetpack Compose to design dialogs, sheets, and loading states for Android apps?▼

Yes, you can use Jetpack Compose to design dialogs, sheets, and loading states for Android apps by utilizing Material Design 3 component patterns and Compose animation best practices.