flutter-motion

Installation
SKILL.md

Flutter Motion

Use motion to explain change, causality, continuity, hierarchy, or feedback. Remove motion that communicates none of these.

Specify

  1. Name the event, property change, user value, trigger, interruption behavior, and completion state.
  2. Select the least complex Flutter mechanism that satisfies it: implicit animation, AnimatedSwitcher, explicit controller, hero transition, custom painter, or physics simulation.
  3. Define duration ranges, curve character, sequencing, gesture relationship, and reduced-motion equivalent. Read references/motion.md. For multi-domain state changes, read references/connected-product-workflows.md and animate only the region whose state changed.
  4. Check how the motion behaves during rapid taps, navigation interruption, rebuilds, route disposal, low frame budgets, and changed accessibility settings.

Implement

Installs
56
GitHub Stars
4
First Seen
Aug 19, 2026