skills.rest
AI-Foundry-Core
AI-Foundry-CoreOFFICIAL
Explore all skills by this author →
GitHub

mobile-android-design

Implement Material Design 3 Android interfaces with Jetpack Compose.

4|Updated Mar 3, 2026
Search Tags:#theming#accessibility#navigation#android#jetpack-compose#ui-design#material-design-3
One-click install
npx skills add https://github.com/AI-Foundry-Core/ril-agents --skill mobile-android-design-ai-foundry-core
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-android-design
Source: https://github.com/AI-Foundry-Core/ril-agents/tree/main/plugins/ui-design/skills/mobile-android-design
Command: npx skills add https://github.com/AI-Foundry-Core/ril-agents --skill mobile-android-design-ai-foundry-core

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers often struggle to implement modern Android UI patterns that are cohesive, accessible, and scalable across devices. This skill provides a consolidated approach using Material Design 3 and Jetpack Compose to accelerate development.

Core Features & Use Cases

  • Material Design 3 principles for dynamic theming and accessible color schemes
  • Jetpack Compose layout patterns, navigation, and responsive design for phones, tablets, and foldables
  • Theming, components, and patterns that align with Google's guidelines for Android UI consistency

Quick Start

Start by reviewing Material Design 3 patterns and Jetpack Compose templates to scaffold a modern Android UI.

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

Material Design 3 theming in Jetpack Compose is implemented by applying dynamic color schemes and Material 3 components to ensure accessible and cohesive UI consistency across Android devices.

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

Building adaptive layouts for Android tablets and foldables utilizes Jetpack Compose responsive design patterns to adjust navigation and interface components dynamically across different screen sizes.

Does this approach support accessible color schemes for Android UI design?▼

Accessible color schemes are fully supported through Material Design 3 principles, ensuring dynamic theming meets accessibility best practices for Jetpack Compose interfaces.

How do I set up navigation in Jetpack Compose for multiple device form factors?▼

Navigation in Jetpack Compose for multiple form factors is set up using responsive layout patterns that adapt interface navigation across phones, tablets, and foldables.

When do I need Material Design 3 patterns for my Android application?▼

Material Design 3 patterns are needed when building modern Android interfaces that require scalable theming, cohesive components, and strict alignment with Google's UI guidelines.

Why does my Jetpack Compose UI layout break on foldable screens?▼

Jetpack Compose UI layouts break on foldable screens when adaptive responsive design patterns are not applied, requiring Material Design 3 principles to scale components correctly across form factors.

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
darknetopencv-altdarknetopencv-alt
34

android-native-dev

Initialize and configure Android native projects with Kotlin/Compose and Material Design 3.

Community
Intermediate
costularcostular
13

compose-state-authoring

Guide correct local state management in Jetpack Compose components.

Community
Intermediate
lionheartapplionheartapp

mobile-android-design

Design and implement Material Design 3 interfaces with Jetpack Compose.

Community
Intermediate