skills.rest
smithisrealdev
smithisrealdevCOMMUNITY
Explore all skills by this author →
Website𝕏@l_smithisrealGitHub

mobile-android-design

Implement Material Design 3 and Jetpack Compose patterns in native Android applications.

Updated Feb 21, 2026
Search Tags:#android#kotlin#ui development#jetpack compose#material design 3#app design
One-click install
npx skills add https://github.com/smithisrealdev/aigo-mobile-flutter --skill mobile-android-design-smithisrealdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-android-design
Source: https://github.com/smithisrealdev/aigo-mobile-flutter/tree/main/.agents/skills/mobile-android-design
Command: npx skills add https://github.com/smithisrealdev/aigo-mobile-flutter --skill mobile-android-design-smithisrealdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill empowers developers to create modern, visually appealing, and user-friendly Android applications by leveraging the latest Material Design 3 guidelines and Jetpack Compose.

Core Features & Use Cases

  • Material Design 3 Implementation: Apply Material You's dynamic theming, components (buttons, cards, navigation), and typography.
  • Jetpack Compose UI Development: Build adaptive and responsive layouts using Compose's declarative approach.
  • Navigation Patterns: Implement standard Android navigation flows like bottom navigation, navigation drawers, and navigation rails.
  • Use Case: Design and implement a new settings screen for an Android app, ensuring it adheres to Material Design 3 principles and uses Jetpack Compose for a clean, modern look.

Quick Start

Use the mobile-android-design skill to create a Jetpack Compose screen with a Material 3 Card and a Floating Action Button.

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

Material Design 3 dynamic theming in Jetpack Compose is implemented by applying Material You's color schemes and typography to your Compose hierarchy. This Skill provides code examples for integrating dynamic color tokens and standard Material 3 components.

What's the best way to build responsive layouts for Android apps with Jetpack Compose?▼

Building responsive layouts with Jetpack Compose uses its declarative approach to create adaptive interfaces. This Skill offers guidance on structuring responsive UI components and applying best practices for modern Android app design across different screen sizes.

How do I set up bottom navigation and navigation drawers in a Jetpack Compose app?▼

Setting up bottom navigation and navigation drawers in Jetpack Compose requires standard Android navigation patterns. This Skill provides implementation guidance for navigation rails, drawers, and bottom navigation components using Material Design 3 principles.

Can I use Material Design 3 components like Cards and Floating Action Buttons in Kotlin?▼

Material Design 3 components like Cards and Floating Action Buttons can be used directly in Kotlin with Jetpack Compose. This Skill covers component usage, including how to quickly build Compose screens with standard Material 3 UI elements.

Does this guidance cover accessibility best practices for Android UI development?▼

Accessibility best practices for Android UI development are covered within this Skill's Material Design 3 and Jetpack Compose guidance. It addresses common development challenges including responsive layouts, accessibility standards, and adaptive interface design.

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

Material Design 3 is needed for native Android applications when you want modern, visually appealing interfaces using Material You. This Skill helps solve the problem of building user-friendly UIs by leveraging the latest Jetpack Compose patterns and guidelines.

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
JhabbigJhabbig

mobile-android-design

Design native Android interfaces with Material Design 3 and Jetpack Compose.

Community
Advanced
cosmicstack-labscosmicstack-labs
364

android-kotlin-patterns

Generate Android Kotlin app skeletons using Compose, MVVM, Room, Retrofit, and Hilt.

Official
Intermediate
duylinhdang1998duylinhdang1998

jetpack-compose

Build declarative Android UIs with Jetpack Compose and Material3.

Community
Intermediate