Agent skill · design visual · ehmo
android-design-guidelines
Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.
Why this skill is useful
Provides specific guidelines and code examples for implementing Material Design 3 in Android apps, which the AI may not generate accurately on its own.
What it needs
About 11k tokens when loaded. Last updated 2026-03-19. 481 stars on the source repository.
What this skill does
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. Rules: R1.1: Always provide a fallback static color scheme for devices below Android 12. R1.2: Never hardcode color hex values in components. Always reference color roles from the theme. R1.3: Test with at least 3 different wallpapers to verify dynamic color harmony. 1.2 Color Roles Material 3 defines a structured set of color roles. Use them semantically, not aesthetically. Role Usage On-Role ------ ------- --------- primary Key actions, active states, FAB onPrimary primaryContainer Less prominent primary elements onPrimaryContainer secondary Supporting UI, filter chips onSecondary secondaryContainer Navigation bar active indicator onSecondaryContainer tertiary Accent, contrast, complementary onTertiary tertiaryContainer Input fields, less prominent accents onTertiaryContainer surface Backgrounds, cards, sheets onSurface surfaceVariant Decorative elements, dividers onSurfaceVariant error Error states, destructive actions onError errorContainer Error backgrounds onErrorContainer outline Borders, dividers — outlineVariant Subtle borders — inverseSurface Snackbar background inverseOnSurface Rules: R1.4: Every foreground element must use the matching on color role for its background (e.g., onPrimary text on primary background). R1.5: Use surface and its variants for backgrounds. Never use primary or secondary as large background areas. R1.6: Use tertiary sparingly for accent and complementary contrast only. 1.3 Light and Dark Themes Support both light and dark themes. Respect the system setting by default. Rules: R1.7: Always support both light and dark themes. Never ship light-only. R1.8: Dark theme surfaces use elevation-based tonal mapping, not pure black (#000000). …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills ehmo/android