skills.rest
shirulot
shirulotCOMMUNITY
Explore all skills by this author →
GitHub

mobile-android-design

Implement Material Design 3 and Jetpack Compose patterns in Android apps.

Updated Jul 6, 2026
Search Tags:#mobile development#ui design#android#jetpack compose#material design 3#adaptive layout
One-click install
npx skills add https://github.com/shirulot/codex-skill --skill mobile-android-design-shirulot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-android-design
Source: https://github.com/shirulot/codex-skill/tree/main/mobile-android-design
Command: npx skills add https://github.com/shirulot/codex-skill --skill mobile-android-design-shirulot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill streamlines the development of modern Android interfaces by providing standardized patterns for Material Design 3 and Jetpack Compose, reducing UI inconsistency and implementation overhead.

Core Features & Use Cases

  • Material 3 Implementation: Provides ready-to-use patterns for dynamic color, typography, and shape systems.
  • Adaptive UI Patterns: Includes templates for navigation rails, drawers, and responsive layouts for foldables and tablets.
  • Use Case: Use this skill when you need to implement a consistent navigation structure or a complex list component that adheres to Google's latest design guidelines.

Quick Start

Ask the mobile-android-design skill to generate a responsive navigation drawer layout for a tablet-optimized application.

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

This skill provides standardized patterns for Material Design 3 dynamic color, typography, and shape systems in Jetpack Compose. It supplies ready-to-use code components that reduce UI inconsistency and ensure adherence to Google's latest design guidelines.

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

Adaptive layouts for foldables and tablets are built using responsive templates for navigation rails and drawers. These patterns ensure accessible UI components automatically adapt across various Android screen configurations.

How do I create a responsive navigation drawer for an Android tablet application?▼

Create a responsive navigation drawer by applying adaptive UI patterns tailored for larger screens. This integrates standard Google design libraries to ensure the navigation structure scales correctly on tablet-optimized applications.

Does this approach support modern Android navigation and state management?▼

Yes, this approach fully supports modern Android navigation and state management. It provides comprehensive guidance and code patterns for integrating these systems using standard Google design libraries within native Android applications.

When do I need to use dynamic color systems in native Android apps?▼

You need dynamic color systems when implementing Material Design 3 to ensure UI consistency and modern theme integration. They allow native Android applications to automatically adapt color palettes based on user wallpaper preferences and system settings.

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
Cure-Consulting-GroupCure-Consulting-Group
1

android-design-expert

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

Official
Advanced
involvexinvolvex

android-jetpack-compose-expert

Guide Android Jetpack Compose UI development with ViewModel state management and type-safe navigation.

Community
Advanced
emilyLi2020emilyLi2020
2

Expo UI Jetpack Compose

Integrate Jetpack Compose components and Material Design 3 into Expo SDK 55 Android builds.

Community
Intermediate