android-design-guidelines
Reference guide for Material Design 3 compliance on Android, covering dynamic color theming, semantic color roles, navigation patterns for different screen sizes, and Material You implementation. Includes rules and code examples for Compose and XML layouts.
Android Design Guidelines helps you build Material Design 3 compliant Android UI with Compose or XML layouts.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-03-19
Android Design Guidelines helps you build Material Design 3 compliant Android UI with Compose or XML layouts. Reference guide for Material Design 3 compliance on Android, covering dynamic color theming, semantic color roles, navigation patterns for different screen sizes, and Material You implementation. Includes rules and code examples for Compose and XML layouts.
Use it when
- android-design-guidelines explains how to implement dynamic color theming and semantic color roles in Material 3.
- android-design-guidelines provides Jetpack Compose UI best practices aligned with Material Design 3, including proper component usage.
Verify before relying
Read SKILL.md below before installing (4 files). Open directory: indexed for reading, not audited.
Install
ehmo/platform-design-skills/android
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is android-design-guidelines and what does it cover?
android-design-guidelines is a reference guide for Material Design 3 compliance on Android, covering dynamic color theming, semantic color roles, navigation patterns for different screen sizes, and Material You implementation. It includes rules and code examples for both Compose and XML layouts, helping developers build modern, accessible Android UIs.
How do I set up Material 3 color roles and semantic theming?
android-design-guidelines explains how to implement dynamic color theming and semantic color roles in Material 3. The guide covers Material You implementation, showing how to define primary, secondary, tertiary, and neutral color roles, then apply them consistently across your app using both Jetpack Compose and XML resources for theme setup.
What are the best practices for jetpack compose UI?
android-design-guidelines provides Jetpack Compose UI best practices aligned with Material Design 3, including proper component usage, theme setup, and layout patterns. It covers Compose-specific guidance for building responsive interfaces, implementing Material 3 components, and following accessibility standards with semantic composables and content descriptions.
How can I design responsive layouts for phones, tablets, and foldables?
android-design-guidelines covers responsive layout design across all Android form factors. It explains window size classes, adaptive navigation patterns (bottom navigation for phones, navigation rail for tablets), and foldable-specific considerations. The guide includes examples for adjusting layouts based on screen dimensions and device capabilities.
What accessibility features does android-design-guidelines address?
android-design-guidelines emphasizes creating accessible Android apps with TalkBack support and keyboard navigation. It covers content descriptions, semantic composables, focus management, and keyboard shortcuts. The guide ensures your Material Design 3 implementation meets accessibility standards, making apps usable for all users.
How do I implement material design android components correctly?
android-design-guidelines provides detailed guidance on Material Design 3 component implementation, including navigation patterns, top app bars with scroll behavior, floating action buttons, bottom sheets, and more. It covers both Compose and XML approaches, with code examples showing proper usage, theming, and integration with Material You dynamic colors.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
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.
```kotlin // 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 ->
(truncated - see the full file via the links below)
File tree — 4 files
skills/android/AGENTS.md
skills/android/SKILL.md
skills/android/metadata.json
skills/android/rules/_sections.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Build Material Design 3 compliant Android UI with Compose or XML”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Master Material Design 3 implementation on Android with guidance on dynamic color, theming, navigation patterns, and semantic color roles. This skill covers best practices for Jetpack Compose and XML layouts, including Navigation Bar, Rail, and Drawer patterns for different screen sizes, plus accessibility and Material You compliance.
Styles guides you through adopting Jetpack Compose's Styles API for custom UI components and themes. Follow step-by-step workflows to upgrade dependencies, establish ComponentStyles, and migrate components using Modifier.styleable to replace hard-coded styling parameters with unified style attributes.
Learn to craft responsive Android interfaces using Jetpack Compose and Material Design 3 (Material You). This skill covers adaptive layouts for phones, tablets, and foldables, dynamic color theming, and accessibility best practices.
Master Android development using Kotlin and Jetpack Compose for declarative UI building. Learn clean architecture patterns, dependency injection with Hilt, Room database integration, and Retrofit API calls across phones, tablets, TV, Wear OS, and Android Auto.
Master iPad-native design with comprehensive rules for responsive layouts, multitasking support, and pointer interactions. Learn to build adaptive interfaces that work across iPad Mini through Pro, handle Split View and Stage Manager resizing, implement sidebar navigation, and add trackpad hover effects—ensuring your app feels native on larger screens rather than a stretched iPhone.
Compose Expert guides you through creating reusable visual components that work across Android and Desktop platforms. Learn when to share composables in commonMain versus keeping them platform-specific, master state patterns like remember and derivedStateOf, and apply Material3 theming consistently. The skill covers component structure, state hoisting, recomposition optimization, and custom icon creation.
More skills Android Native Dev (NOASSERTION) · xml-to-compose-migration (Apache-2.0) · android-kotlin (MIT) · Cometchat Android V6 Compose Placement (unlicensed) · compose-slot-api-pattern (MIT)