compose-animations
Installation
SKILL.md
Compose: animations
Core principle
Pick the smallest API that matches the problem: built-in visibility and layout transitions first, then a single animated value, then a shared transition object when several values must move together, then gesture-level or imperative APIs when the framework cannot express the motion.
Review procedure
- Identify the visual job: show/hide, one value, coordinated values, content swap, size change, or gesture-driven motion.
- Choose the smallest API from the table below.
- Check lifecycle semantics: should hidden content leave composition, keep focus/state, or only become transparent?
- Check identity: for state-holder wrappers, choose
AnimatedContent.contentKeyby visual shape rather than payload churn. - Check performance: keep frame-rate animation values as
Stateand read them in layout/draw block modifiers when possible. - Escalate to
Animatableor lower-level APIs only when target-state animation cannot express the motion.