Can I use this for tablet and foldable design?

Yes, it includes specific patterns and best practices for adaptive layouts that automatically scale across different screen configurations, including foldables and tablets.

How does this help with accessibility?

It enforces Material 3 accessibility standards, such as using tonal palettes for proper color contrast and ensuring components have appropriate semantic labels for screen readers.

Does it handle dynamic color theming?

Yes, it implements Material 3 guidelines for dynamic color (Material You), allowing your app's UI to adapt to user wallpapers on Android 12 and above.

Does this skill support the older XML layout system?

While it focuses primarily on Jetpack Compose, the skill provides Material Design 3 principles applicable to all Android development, though code generation defaults to modern Compose patterns.

Is Navigation Compose supported?

Absolutely. The skill provides standardized implementations for NavHost, bottom navigation bars, and navigation drawers using the Navigation Compose library.

Android Mobile Design

Name: Android Mobile Design
Author: wshobson

bywshobson

•

26,570

Mobile Development

Generates production-ready Jetpack Compose UI and Material Design 3 implementations for modern Android applications.

概要

This skill equips Claude with the expertise to design and implement native Android interfaces using the latest Jetpack Compose framework and Material Design 3 (Material You) guidelines. It provides precise guidance on creating adaptive layouts for varied screen sizes—including phones, tablets, and foldables—while implementing dynamic color theming and complex navigation patterns. By following Google's established best practices, it ensures developers can build accessible, high-performance, and visually consistent Android applications that integrate seamlessly with the modern Android ecosystem.

主な機能

Jetpack Compose layout orchestration and optimization
26,570 GitHub stars
Adaptive UI patterns for foldables and large screens
Dynamic color and custom Material 3 theming systems
Material Design 3 (Material You) component implementation
Standardized Navigation Compose architecture

ユースケース

Scaffolding a new Android application with Material 3 theming and multi-screen navigation.
Building complex, performant lists and grids using Lazy layouts and sticky headers.
Refactoring existing UI components to follow modern Jetpack Compose and Material You standards.

概要

主な機能

Jetpack Compose layout orchestration and optimization
26,570 GitHub stars
Adaptive UI patterns for foldables and large screens
Dynamic color and custom Material 3 theming systems
Material Design 3 (Material You) component implementation
Standardized Navigation Compose architecture

ユースケース

Scaffolding a new Android application with Material 3 theming and multi-screen navigation.
Building complex, performant lists and grids using Lazy layouts and sticky headers.
Refactoring existing UI components to follow modern Jetpack Compose and Material You standards.