Can I use this with XML layouts?

While Jetpack Compose is the primary focus and recommendation, the core design principles, typography, and spacing systems are applicable to XML-based Android development.

Does it help with accessibility compliance?

Yes, it proactively checks for minimum 48x48dp touch targets, WCAG AA contrast compliance through Material colors, and TalkBack content descriptions.

Does this skill support older Android versions?

Yes, while it prioritizes Material Design 3 and Dynamic Color (Android 12+), it provides fallback patterns and handles standard Material themes for older API levels.

How does it handle dark mode?

It enforces the use of Material Theme color tokens (e.g., colorScheme.surface) instead of hardcoded hex values, ensuring automatic and consistent dark mode support.

Android Material 3 UI Guide

Name: Android Material 3 UI Guide
Author: muheun

bymuheun

Mobile Development

Applies Material Design 3 principles and Jetpack Compose best practices to build native, accessible, and theme-aware Android interfaces.

About

This skill empowers Claude to act as an expert Android UI designer, ensuring every component follows the Material Design 3 (Material You) specification. It provides rigorous guidance on Jetpack Compose layouts, the 4dp grid system, Material Type Scale, and Dynamic Color implementation. By enforcing strict adherence to native Android patterns and preventing common anti-patterns like hardcoded colors or undersized touch targets, it ensures high-quality, accessible, and dark-mode-ready app interfaces tailored for the Android ecosystem.

Key Features

Material Type Scale integration using Roboto typography
0 GitHub stars
Material Design 3 (Material You) compliance including Dynamic Color support
Jetpack Compose best practices for components like Buttons, Cards, and Navigation
Systematic 4dp grid spacing and layout alignment guidelines
Accessibility validation for 48x48dp touch targets and TalkBack support

Use Cases

Generating production-ready Jetpack Compose screens from scratch
Refactoring legacy XML layouts into modern Material 3 Compose code
Auditing existing Android UI for accessibility and dark mode compliance

About

Key Features

Material Type Scale integration using Roboto typography
0 GitHub stars
Material Design 3 (Material You) compliance including Dynamic Color support
Jetpack Compose best practices for components like Buttons, Cards, and Navigation
Systematic 4dp grid spacing and layout alignment guidelines
Accessibility validation for 48x48dp touch targets and TalkBack support

Use Cases

Generating production-ready Jetpack Compose screens from scratch
Refactoring legacy XML layouts into modern Material 3 Compose code
Auditing existing Android UI for accessibility and dark mode compliance