skills.rest
fumiya-kume
fumiya-kumeCOMMUNITY
Explore all skills by this author →
Website𝕏@fumiya_kumeGitHub

m3-expressive

Implement Material 3 Expressive UI with spring-based motion and shape morphing in Android apps.

1|1|Updated Jan 17, 2026
Search Tags:#theming#android#jetpack-compose#motion#material3#shape-morphing#expressive
One-click install
npx skills add https://github.com/fumiya-kume/toy-poodle-love --skill m3-expressive-fumiya-kume
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: m3-expressive
Source: https://github.com/fumiya-kume/toy-poodle-love/tree/main/.claude/skills/m3-expressive
Command: npx skills add https://github.com/fumiya-kume/toy-poodle-love --skill m3-expressive-fumiya-kume

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Implement Material 3 Expressive UI with spring-based motion and shape morphing across Android apps, addressing the difficulty of building cohesive, modern interfaces at scale.

Core Features & Use Cases

  • Motion System, Shape Library, and Theming enable consistent, physics-based UI across screens, with new components like LoadingIndicator, ButtonGroup, FloatingActionButtonMenu, FloatingToolbar, and Carousel.
  • Use Case: design onboarding with hero motions, morphing buttons, and a responsive content carousel to demonstrate capabilities.

Quick Start

Wrap your app in MaterialExpressiveTheme with MotionScheme.expressive() to begin, then adopt the provided components and references as your baseline.

Frequently Asked Questions about m3-expressive

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

FAQPage Schema
How do I implement Material 3 Expressive UI with spring animations in Jetpack Compose?▼

Implement Material 3 Expressive UI by wrapping your app in MaterialExpressiveTheme with MotionScheme.expressive(), then adopt provided components like LoadingIndicator and Carousel to establish a cohesive, physics-based motion baseline.

What is shape morphing and how does it work in Android theming?▼

Shape morphing dynamically transitions component contours using spring-based physics within Material 3 Expressive UI. It enables cohesive, modern interfaces by applying consistent shape transformations across interactive UI surfaces like dashboards and onboarding screens.

Does this Material 3 motion approach support accessibility and consistent UX?▼

Yes, implementing Material 3 motion with MotionScheme and MaterialExpressiveTheme enforces accessibility and consistent UX across screens. It provides a unified system for physics-based animations and shape morphing throughout your Android application.

What's the best way to build an onboarding screen with hero motions and morphing buttons?▼

Build onboarding screens with hero motions by applying MaterialExpressiveTheme and adopting expressive APIs. Use shape morphing for buttons and a responsive content carousel to demonstrate capabilities effectively.

Can I use Material 3 Expressive components like FloatingToolbar and ButtonGroup in existing Android apps?▼

Yes, you can integrate Material 3 Expressive components like FloatingToolbar, ButtonGroup, and FloatingActionButtonMenu into existing Android apps by adopting the provided references as your baseline for expressive UI surfaces.

When do I need a MotionScheme for Android Jetpack Compose applications?▼

You need a MotionScheme when implementing Material 3 Expressive UI to ensure consistent, physics-based motion across your application. It provides the foundational motion system required for cohesive spring animations and shape morphing.

Related Skills

Explore More Software Engineering Skills→
shelbeelyshelbeely
4

m3-web-android

Implement Material Design 3 theming in Jetpack Compose Android apps.

Community
Intermediate
Duyen9904Duyen9904

flutter-ui-ux

Create Flutter UI components and screens with theming, layouts, and animations.

Community
Advanced
ayofemiadeayofemiade

react-spring-physics

Create physics-based animations for React applications using React Spring and Popmotion.

Community
Advanced
GeneralJerelGeneralJerel

Google Material Design 3 (M3 Expressive)

Generate Material Design 3 UI kits with dynamic color, shape tokens, and motion patterns.

Community
Advanced