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

0•

Mobile Development

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

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.

主要功能

01Material Type Scale integration using Roboto typography

020 GitHub stars

03Material Design 3 (Material You) compliance including Dynamic Color support

04Jetpack Compose best practices for components like Buttons, Cards, and Navigation

05Systematic 4dp grid spacing and layout alignment guidelines

06Accessibility validation for 48x48dp touch targets and TalkBack support

使用场景

01Generating production-ready Jetpack Compose screens from scratch

02Refactoring legacy XML layouts into modern Material 3 Compose code

03Auditing existing Android UI for accessibility and dark mode compliance

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add muheun/claude-code-marketplace skills

For use in Claude.ai and ChatGPT

Download Skill