How does this skill handle UI animations?

It utilizes the MotionScheme.expressive() API to provide fluid transitions, shape morphing, and guideline-compliant animations automatically.

Is this skill restricted to Jetpack Compose?

Yes, this skill is specifically designed for Android development using the Jetpack Compose toolkit.

Which components are recommended as replacements for older ones?

It recommends replacing BottomAppBar with DockedToolbar and using LoadingIndicator instead of CircularProgressIndicator for short wait times.

Does it support Android dynamic colors?

Yes, the skill includes implementation patterns for Android 12+ dynamic color support and ensures color role compliance for accessibility.

What version of Material 3 is required for this skill?

This skill requires Material 3 version 1.5.0-alpha or higher to support the latest expressive components.

Material 3 Expressive UI

Name: Material 3 Expressive UI
Author: kei-1111

bykei-1111

0•

Mobile Development

Implements modern, expressive Android user interfaces using the latest Material 3 guidelines and Jetpack Compose components.

This skill provides a comprehensive framework for building Android applications that adhere to the Material 3 Expressive design system. It guides developers through the implementation of advanced components like DockedToolbars and FlexibleBottomAppBars while ensuring proper theme configuration using MotionScheme and dynamic colors. It is particularly useful for developers looking to upgrade legacy Material 3 components to the latest expressive standards, offering automated patterns for morphing, accessibility-compliant color roles, and fluid animations.

主要功能

01Support for Android 12+ dynamic color and accessibility-compliant color roles

02Automated patterns for shape morphing and tonal elevation styling

03Standardized implementation of Material 3 Expressive components

04Advanced motion integration using MotionScheme.expressive()

05Guidance on migrating from deprecated components like BottomAppBar

060 GitHub stars

使用场景

01Modernizing legacy Android UIs to the latest Material 3 Expressive standards

02Implementing fluid, motion-rich navigation and loading states in Jetpack Compose

03Ensuring accessibility and dynamic color support across modern Android devices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kei-1111/newsflow-android material3-expressive

For use in Claude.ai and ChatGPT

Download Skill