compose-animations

Installation
SKILL.md

Compose: animations

Core principle

Pick the smallest API that expresses the motion and its lifecycle.

Procedure

  1. Identify the job: show or hide a subtree, animate one value, coordinate values from one state, resize content, swap content, or handle user-driven motion.
  2. Choose the matching API from the table. Prefer target-state APIs; use Animatable only when gestures, interruption, or imperative control require it.
  3. Check lifecycle: an alpha animation keeps content composed; AnimatedVisibility removes it after exit. Do not use a fade when unmounting is required.
  4. For AnimatedContent, render from the content lambda target and choose a contentKey only when visual identity differs from payload equality. Read AnimatedContent identity for state-holder details.
  5. Keep animated State in layout or draw block modifiers when it changes at frame rate; route deeper diagnosis to Compose performance.
  6. Use Navigation Compose transitions for destination swaps it owns, and dedicated libraries for art-based motion.
  7. Finish when the API, lifecycle, and content identity match the UI, no simpler API fits, and the relevant behavior is verified.

API choice

Installs
1.0K
GitHub Stars
1.0K
First Seen
May 21, 2026
compose-animations — chrisbanes/skills