android-compose-uiux

Audits Jetpack Compose screens for Material 3 accessibility and UI/UX consistency.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/mikhwan89/MiltonLearnMandarin --skill android-compose-uiux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: android-compose-uiux
Source: https://github.com/mikhwan89/MiltonLearnMandarin/tree/main/.claude/skills/android-compose-uiux
Command: npx skills add https://github.com/mikhwan89/MiltonLearnMandarin --skill android-compose-uiux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design guidance helps product teams and developers create a consistent, accessible, and child-friendly UI across the MiltonLearnMandarin Android app using Jetpack Compose and Material Design 3.

Core Features & Use Cases

  • Child-first design principles ensuring large touch targets, legible typography, and clear visual hierarchy.
  • Material Design 3 enforcement in Compose with tokens, typography, shapes, and components for screens like Home, RolePlay, Quiz, and QuizResults.
  • Accessibility and readability guidelines, color system usage, animation feedback, and responsive layout practices.
  • Cross-screen reuse patterns and design audits to maintain consistency and polish.

Quick Start

Observe the current UI flow, identify gaps against the guidelines, and propose targeted changes that align with the design principles.

Frequently Asked Questions about android-compose-uiux

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

FAQPage Schema
How do I apply Material Design 3 typography and color tokens in Jetpack Compose for child-friendly apps?

Use Material Design 3 tokens for typography and color in Jetpack Compose to enforce large touch targets, legible text, and clear visual hierarchy. This approach maintains cohesive, accessible UI components tailored for child-friendly apps.

What's the best way to ensure accessibility and readability in Android Jetpack Compose screens?

Ensure accessibility and readability in Jetpack Compose by applying consistent spacing, clear color contrast, and responsive layout practices. Conducting design audits verifies that these patterns maintain cross-screen consistency and usability for child users.

Can I use Material Design 3 components to create reusable UI patterns across Home, Quiz, and RolePlay screens?

Yes, Material Design 3 components support reusable UI patterns across Home, Quiz, and RolePlay screens. Enforcing token-based design, shapes, and spacing guidelines ensures cross-screen cohesion and maintains visual consistency throughout the app.

How do I audit an existing Android app UI for child-friendly design compliance?

Audit an Android app UI for child-friendly design compliance by observing the current flow, identifying gaps against guidelines, and proposing targeted changes. This validates large touch targets, appropriate tone, animation feedback, and accessibility readiness.

Does Jetpack Compose support responsive layout practices for children's educational apps?

Jetpack Compose supports responsive layout practices for children's educational apps by integrating Material Design 3 guidelines. This enforces accessible touch targets, readable typography, and cohesive spacing across varying screen sizes and orientations.