compose-animation

Implement physics-based animations in Jetpack Compose with M3 Expressive motion rules.

14|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/piyushverma0/android-agent-skills --skill compose-animation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-animation
Source: https://github.com/piyushverma0/android-agent-skills/tree/main/skills/compose-animation
Command: npx skills add https://github.com/piyushverma0/android-agent-skills --skill compose-animation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Jetpack Compose animations are often inconsistent and brittle across screens. This skill provides a unified toolkit with M3 Expressive motion rules to replace ad-hoc easing with physics-based springs and consistent transitions.

Core Features & Use Cases

  • Comprehensive animation toolkit: AnimatedVisibility, AnimatedContent, animate*AsState, updateTransition, InfiniteTransition, and LazyList item animations.
  • Motion patterns and guidelines: when to use spring vs tween, gesture-driven animations, and accessibility reduced-motion support.
  • Real-world scenarios: smooth screen transitions, list animations, and skeleton loading visuals.

Quick Start

Apply the M3 Expressive motion system to your next Compose animation by replacing fixed easing with springs as described.

Frequently Asked Questions about compose-animation

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

FAQPage Schema
How do I implement physics-based animations in Jetpack Compose?

Apply the M3 Expressive motion system to implement physics-based animations in Jetpack Compose. This toolkit replaces fixed easing with springs, enforcing rules for AnimatedVisibility, AnimatedContent, and animate*AsState to ensure consistent transitions.

When should I use spring versus tween for Compose animations?

Use spring for physics-based motion and tween for fixed duration easing. This toolkit enforces specific rules for when to use spring versus tween, providing M3 Expressive motion guidelines to replace ad-hoc easing with consistent transitions.

How do I handle accessibility and reduced motion in Android Compose animations?

Handle accessibility in Android Compose animations by applying the toolkit's accessibility-aware reduced-motion handling. It provides specific patterns to adjust physics-based motion for users requiring reduced motion support.

What is the best way to animate LazyList items in Jetpack Compose?

The best way to animate LazyList items in Jetpack Compose is using the provided animation patterns. This toolkit covers LazyList item animations alongside gesture-driven animations, ensuring smooth screen transitions and skeleton loading visuals.

Can I use InfiniteTransition and updateTransition for Compose screen transitions?

Yes, you can use InfiniteTransition and updateTransition for Compose screen transitions. The toolkit scopes these APIs to handle typical screen transitions, gesture animations, and skeleton loading visuals with M3 Expressive motion rules.

Why do my Jetpack Compose animations look inconsistent across different screens?

Jetpack Compose animations look inconsistent across screens due to ad-hoc easing and brittle implementation. This toolkit solves the problem by providing a unified M3 Expressive motion system with physics-based springs and consistent transition patterns.