skills.rest
hanamizuki
hanamizukiCOMMUNITY
Explore all skills by this author →
Website𝕏@hanamizukiGitHub

mobile-android-design

Implement Material Design 3 theming and Jetpack Compose UI patterns for Android apps.

127|8|Updated Apr 6, 2026
Search Tags:#theming#navigation#android#jetpack-compose#ui-design#material-design
One-click install
npx skills add https://github.com/hanamizuki/solopreneur --skill mobile-android-design-hanamizuki
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-android-design
Source: https://github.com/hanamizuki/solopreneur/tree/main/plugins/android-dev/skills/mobile-android-design
Command: npx skills add https://github.com/hanamizuki/solopreneur --skill mobile-android-design-hanamizuki

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers struggle to consistently implement Material Design 3 patterns and Jetpack Compose UI across Android apps; this skill provides a practical, scalable guide to unify theming, patterns, and interactions.

Core Features & Use Cases

  • Material Design 3 theming: Apply dynamic color schemes and semantic colors across screens for consistency and accessibility.
  • Jetpack Compose UI patterns: Build layouts, navigation, and components using Compose primitives and Material components.
  • Responsive and accessible design: Create layouts that adapt to phones, tablets, and foldables while upholding accessibility best practices.

Quick Start

Start by scaffolding a Jetpack Compose screen and applying Material 3 theming to validate a responsive layout.

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 in Jetpack Compose?▼

You implement Material Design 3 theming in Jetpack Compose by applying dynamic color schemes and semantic colors across screens to ensure UI consistency and accessibility.

What's the best way to build responsive Android UI layouts for foldables?▼

The best way to build responsive Android UI layouts for foldables is using Jetpack Compose primitives to adapt screens across phones and tablets while upholding accessibility best practices.

Do I need Jetpack Compose to use Material You dynamic color support?▼

Yes, applying Material You dynamic color support requires Jetpack Compose and Material Components to successfully implement semantic colors and consistent theming across Android screens.

How do I structure navigation using Jetpack Compose UI patterns?▼

Structure navigation using Jetpack Compose UI patterns by building layouts and components with Compose primitives and Material components to manage screen interactions consistently.

Can I apply Material 3 components to an existing Android app without rewriting everything?▼

Applying Material 3 components requires scaffolding Jetpack Compose screens and applying Material 3 theming to validate layouts, meaning you must adopt Compose primitives for your UI design.

Related Skills

Explore More Design & Creative Skills→
patlar104patlar104

Material Design 3 with Jetpack Compose

Implement Material Design 3 theming and components in Jetpack Compose.

Community
Advanced
Shaarav4795Shaarav4795

mobile-android-design

Implement Material Design 3 and Jetpack Compose patterns for adaptive Android interfaces.

Community
Advanced
gerald-icagerald-ica

android-design-guidelines

Apply Android UI guidelines for Material You theming, navigation, and accessibility.

Community
Advanced
Sumeet138Sumeet138
1

mobile-android-design

Automate Android UI building with Material Design 3 and Jetpack Compose.

Community
Intermediate