skills.rest
p-o-ke-nae
p-o-ke-naeCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/p-o-ke-nae/pokemondamagecalculatorforstory --skill mobile-android-design-p-o-ke-nae
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
patlar104patlar104

Material Design 3 with Jetpack Compose

Implement Material Design 3 theming and components in Jetpack Compose.

Community
Advanced
PriyanshKuniyalPriyanshKuniyal

mobile-android-design

Implement Material Design 3 patterns and Jetpack Compose for Android app UI development.

Community
Intermediate
escorponoxescorponox
1

xml-to-compose-migration

Convert Android XML UI layouts into Jetpack Compose code.

Community
Intermediate
wshobsonwshobson
38.6k

mobile-android-design

Build native Android UIs with Jetpack Compose and Material Design 3.

Community
Intermediate