Back to Skills

mobile-android-design

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

33,623stars3,645forksUpdated 4/15/2026

Security Assessment

Low Risk(85/100)

Detected risks:

Secret Exposure([references/compose-components.md] password =)
Security Score85/100

About mobile-android-design

The mobile-android-design skill focuses on helping developers master the principles of Material Design 3 and Jetpack Compose for building native Android applications. It addresses the challenge of creating modern, adaptive, and visually cohesive Android apps that integrate smoothly with Android's evolving design standards. This skill provides essential knowledge for implementing user interfaces and layouts in accordance with Google's Material Design guidelines, specifically designed to enhance user experience and accessibility across various Android devices.

FAQ

What is Material Design 3?

Material Design 3 (Material You) is the latest iteration of Google's design system, focusing on personalization, accessibility, and adaptability across devices, including dynamic color based on the user's wallpaper and responsive layouts for larger screens.

Can I use this skill with both phone and tablet apps?

Yes, this skill covers designing adaptive layouts for both phones and tablets, ensuring your app UI works seamlessly on various screen sizes.

Does this skill support Jetpack Compose?

Absolutely! Jetpack Compose is a core component of this skill, providing a modern, declarative UI toolkit for Android development.

Do I need to be an expert in Android development to use this skill?

While prior knowledge of Android development will be helpful, this skill is designed to provide essential guidance on implementing Material Design 3 and Jetpack Compose for users at various skill levels.

Is this skill compatible with foldable Android devices?

Yes, it includes guidance on creating responsive layouts for phones, tablets, and foldable devices, ensuring your app adapts to different screen configurations.

All Files

4 files
SKILL.md12.5 KB
View
references/android-navigation.md19.5 KB
View
references/compose-components.md22.8 KB
View
references/material3-theming.md15.8 KB
View

Install mobile-android-design

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

wshobson/agents