android-design-guidelines

Standardize Android UI design across Jetpack Compose and XML with Material Design 3.

10|1|Updated Dec 16, 2024
One-click install
npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill android-design-guidelines-wanghaisheng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: android-design-guidelines
Source: https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark/tree/main/ref/platform-design-skills-main/platform-design-skills-main/skills/android
Command: npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill android-design-guidelines-wanghaisheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Android UI design across Jetpack Compose and XML can become inconsistent without a cohesive Material Design 3 strategy.

Core Features & Use Cases

  • Centralized theming, color roles, and dynamic theming rules for Android apps
  • Consistent navigation patterns (bottom bar, rails, drawers) across screen sizes
  • Accessibility and typography guidelines to ensure readability and universal design

Quick Start

Follow the guidelines to implement Material You theming and navigation consistently across Compose and XML UIs.

Frequently Asked Questions about android-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Material Design 3 theming in Jetpack Compose?

To implement Material Design 3 theming in Jetpack Compose, apply centralized color roles and dynamic theming rules to ensure UI consistency. This standardizes UI components across Android apps according to Material You guidelines.

What's the best way to handle responsive navigation patterns across Android screen sizes?

The best way to handle responsive navigation is using standardized patterns like bottom bars, rails, and drawers. This ensures consistent navigation behavior across different Android screen sizes and device form factors.

How do I ensure accessibility and typography readability in Android XML layouts?

Ensure accessibility and typography readability in Android XML layouts by applying standardized Material Design 3 guidelines. This guarantees universal design compliance and proper text scaling across devices.

Can I unify UI components across both Jetpack Compose and XML?

Yes, you can unify UI components across Jetpack Compose and XML. Apply a cohesive Material Design 3 strategy to standardize adaptive components, theming, and layouts consistently across both implementation approaches.

Why does my Android app UI look inconsistent without a Material You strategy?

Android app UI looks inconsistent without a Material You strategy because Jetpack Compose and XML lack cohesive design rules. Applying Material Design 3 guidelines standardizes theming, typography, and system integration.

Does Material Design 3 support dynamic theming and adaptive components for Android?

Yes, Material Design 3 supports dynamic theming and adaptive components for Android. It provides centralized color roles and responsive layout rules to adapt UI elements seamlessly across various devices.