Setup & Installation
npx skills add https://github.com/flutter/skills --skill flutter-animating-apps
https://github.com/flutter/skills/tree/main/skills/flutter-animating-apps
View on GitHubWhat This Skill Does
Implements animated effects, transitions, and motion in Flutter apps. Covers implicit animations, explicit animations with controllers, Hero shared-element transitions, physics-based spring animations, and staggered sequences.
Flutter's animation API has several overlapping approaches, and this skill maps each scenario to the right one so you don't waste time picking between implicit, explicit, and physics-based options.
When to use it
- Adding a fade or slide transition between two screens
- Building a drag-to-dismiss card that snaps back with spring physics
- Staggering multiple property changes across a single timeline
- Flying a product image from a list view to a detail page with Hero
- Replacing a static container with an AnimatedContainer for smooth resizing