flutter-animations — Skills

What it does

Use implicit animations for simple state-driven property changes.

Use explicit animations for lifecycle control, repeated/reversible motion,

Use Hero for shared elements across route transitions.

Use staggered animation when multiple elements need sequenced or

Use physics when motion depends on velocity, springs, dragging, flings, or

Do not invent missing routes, asset paths, theme tokens, gesture behavior, or

Do not add an AnimationController when an implicit widget gives the same

Comprehensive guide for implementing animations in Flutter with decision trees and patterns for every animation type.

Source

Repository: https://github.com/madteacher/mad-agents-skills

flutter-animations FAQ

What does the flutter-animations skill do?

>- Add, fix, refactor, debug, test, or explain Flutter animations and motion effects. Use when working with implicit animations such as AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, and TweenAnimationBuilder; explicit animations using AnimationController, Tween, CurvedAnimation, AnimatedWidget, AnimatedBuilder, and built-in transitions; Hero/shared-element route transitions; staggered or sequenced animations; physics-based motion, gestures, springs, flings, scroll physics, curves, performance, accessibility, reduced motion, and animation lifecycle bugs. Use implicit animations for simple state-driven property changes. Use explicit animations for lifecycle control, repeated/reversible motion,

What does flutter-animations require?

Use staggered animation when multiple elements need sequenced or Use physics when motion depends on velocity, springs, dragging, flings, or | Need | Default approach |

How do I install flutter-animations?

Run: npx -y skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations --agent claude-code — the source lives at github.com/madteacher/mad-agents-skills.

Maintain flutter-animations?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![flutter-animations on getagentictools](https://getagentictools.com/badge/skills/madteacher-mad-agents-skills-flutter-animations.svg)](https://getagentictools.com/skills/madteacher-mad-agents-skills-flutter-animations?ref=badge)

npx agentictools info skills/madteacher-mad-agents-skills-flutter-animations

The second line is the CLI lookup for this page — handy in READMEs and docs.