Android Design Guidelines

If you're building Android apps and need to stay compliant with Material Design 3, this skill keeps you aligned with the current platform standards. It covers dynamic color theming (the wallpaper-derived palettes in Android 12+), semantic color roles, navigation patterns for different screen sizes, and the predictive back gesture introduced in Android 13. The guidelines are opinionated about things like always supporting dark theme and using filled/outlined icon pairs for navigation states, which saves you from second-guessing common decisions. It's built for both Jetpack Compose and XML layouts, so you're covered regardless of your stack. Useful when you want your app to feel platform-native rather than fighting Android conventions.

skills.sh installs: 1.9K
GitHub stars: 639
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add ehmo/platform-design-skills --skill android-design-guidelines --agent claude-code

Installs into .claude/skills of the current project.

Files

Android Platform Design Guidelines — Material Design 3

1. Material You & Theming [CRITICAL]

1.1 Dynamic Color

Enable dynamic color derived from the user's wallpaper. Dynamic color is the default on Android 12+ and should be the primary theming strategy.

// Compose: Dynamic color theme
@Composable
fun AppTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    dynamicColor: Boolean = true,
    content: @Composable () -> Unit
) {
    val colorScheme = when {
        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
            val context = LocalContext.current
            if (darkTheme) dynamicDarkColorScheme(context)
            else dynamicLightColorScheme(context)
        }
        darkTheme -> darkColorScheme()
        else -> lightColorScheme()
    }
    MaterialTheme(
        colorScheme = colorScheme,
        typography = AppTypography,
        content = content
    )
}

<!-- XML: Dynamic color in themes.xml -->
<style name="Theme.App" parent="Theme.Material3.DayNight.NoActionBar">
    <item name="dynamicColorThemeOverlay">@style/ThemeOverlay.Material3.DynamicColors.DayNight</item>
</style>

SKILL.md on GitHub