android-design-guidelines

Audit Android UIs for Material Design 3 and platform compliance.

Updated Mar 7, 2026
One-click install
npx skills add https://github.com/helmordev/litera-quest --skill android-design-guidelines-helmordev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: android-design-guidelines
Source: https://github.com/helmordev/litera-quest/tree/main/.github/skills/android-design-guidelines
Command: npx skills add https://github.com/helmordev/litera-quest --skill android-design-guidelines-helmordev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides clear, platform-aligned guidance to eliminate inconsistent Android UI implementations, reduce accessibility regressions, and ensure apps conform to Material Design 3 and Android platform conventions across Compose and XML codebases.

Core Features & Use Cases

  • Theming & Dynamic Color: Rules for enabling dynamic color with static fallbacks, using semantic color roles, and generating brand palettes from seeds.
  • Navigation & Layout: Guidance for selecting navigation patterns (Navigation Bar, Rail, Drawer), window size classes, edge-to-edge rendering, and foldable-aware layouts.
  • Components & Accessibility: Best practices for Material components (FAB, app bars, sheets, dialogs, snackbars), touch targets, TalkBack descriptions, contrast ratios, and gesture alternatives.
  • Use Case: Use this Skill to audit an Android app UI for Material 3 compliance, implement dynamic theming, or design responsive layouts that meet accessibility and platform rules.

Quick Start

Audit my Android app's UI for Material 3 theming, navigation patterns, accessibility violations, and responsive layout issues.

Frequently Asked Questions about android-design-guidelines

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

FAQPage Schema
How do I audit an Android app UI for Material Design 3 compliance?

To audit an Android app UI for Material Design 3 compliance, check theming for dynamic color fallbacks, verify navigation patterns against window size classes, and review accessibility rules like touch targets and contrast ratios.

Does Material Design 3 theming work with both Jetpack Compose and XML layouts?

Material Design 3 theming works with both Jetpack Compose and XML layouts. You can apply semantic color roles, generate brand palettes from seeds, and enable dynamic color with static fallbacks across both codebases.

What's the best way to implement responsive design for Android tablets and foldables?

The best way to implement responsive design for Android tablets and foldables is using window size classes, edge-to-edge rendering, and foldable-aware layouts to select appropriate navigation patterns like Navigation Bars, Rails, or Drawers.

How do I fix Android accessibility violations in Material 3 components?

Fix Android accessibility violations in Material 3 components by ensuring touch targets meet minimum sizes, providing TalkBack descriptions, maintaining proper contrast ratios, and offering gesture alternatives for interactive elements like FABs and dialogs.

When should I use a Navigation Rail versus a Drawer in Android responsive layouts?

Use a Navigation Rail versus a Drawer in Android responsive layouts based on window size classes. Rails suit medium-width screens like tablets, while Drawers fit expanded widths, ensuring navigation patterns adapt across phones and foldables.

What are semantic color roles in Android dynamic color theming?

Semantic color roles in Android dynamic color theming assign colors based on their function rather than appearance, ensuring consistent UI states. They require static fallback palettes generated from seeds to maintain compliance when dynamic color is unavailable.