mobile-android-design

Guide Android UI design with Material Design 3 and Jetpack Compose patterns.

2|Updated Feb 24, 2026

Search Tags:#theming #navigation #android #jetpack-compose #material-design #uidesign

Ready to run

npx skills add https://github.com/MajesteitBart/ownkey-keyboard --skill mobile-android-design-majesteitbart

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-android-design
Source: https://github.com/MajesteitBart/ownkey-keyboard/tree/main/.agents/skills/mobile-android-design
Command: npx skills add https://github.com/MajesteitBart/ownkey-keyboard --skill mobile-android-design-majesteitbart

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Android teams often struggle to implement cohesive, modern UIs that follow Material Design 3 and Jetpack Compose patterns across devices. This skill provides design guidance and practical patterns to speed up building native Android interfaces that are accessible, adaptive, and visually consistent.

Core Features & Use Cases

Guidance on Material Design 3 adoption and Jetpack Compose UI patterns for Android apps.
Patterns for navigation (bottom nav, drawers, rails), theming, responsive layouts, and accessibility.
Use case: you are designing a new Android app and want to implement a consistent, compose-based UI following Material guidelines.

Quick Start

Follow the Compose UI patterns and Material Design guidelines in the references to prototype a modern Android interface.

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?▼

This skill provides Material Design 3 theming patterns for Jetpack Compose to build consistent color schemes, typography, and shapes. It guides you through applying Material You dynamic color and validating visual consistency across your app UI.

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

The best way to build responsive layouts for Android tablets and foldables is using adaptive navigation patterns like rails and drawers. This skill provides Jetpack Compose guidance and Material Design 3 patterns to ensure your UI adapts seamlessly across different screen sizes.

Do I need to know Jetpack Compose to use these Android UI patterns?▼

Yes, familiarity with Jetpack Compose and Material You is required to apply these Android UI patterns effectively. The skill provides design guidance and reference patterns for building native interfaces rather than teaching the foundational Compose framework itself.

How does navigation work in Material Design 3 for Android apps?▼

Navigation in Material Design 3 for Android apps utilizes adaptive components like bottom navigation, drawers, and rails. This skill provides practical Jetpack Compose patterns to implement and validate these navigation structures across phones and tablets.

Can I use these Material Design patterns to improve Android app accessibility?▼

Yes, you can use these Material Design 3 patterns to improve Android app accessibility. The skill provides guidance on implementing accessible Jetpack Compose UIs that meet standards for diverse user interactions and adaptive layouts.