Flutter Animations Skill (MADTeacher) for Claude Code: What It Does and How to Install It

Makes your assistant add, fix, refactor and explain Flutter animations, and run the analyzer on the result.

Installs: 15.5K; on skills.sh
Stars: 111; on GitHub
Files: 10; besides SKILL.md
Updated: May 2026; last repo commit

SKILL.md casts the agent as a Flutter motion specialist. It reads your widget tree and state first, picks the smallest animation model, implements it in your app's style and disposes controllers. It also asks for reduced-motion handling.

It loads for animation work in a Flutter project. It reads one of 6 reference files for the task, and 4 Dart templates serve as demo files. It ends by running dart format and flutter analyze.

Good for

Flutter developers adding motion to an app
People debugging animation lifecycle bugs or jank
Developers who want Hero or staggered transitions

Install flutter-animations

Claude Code

Copy this prompt.

Install the flutter-animations skill in Claude Code. Run this command:

npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

The README gives no install command, so these are the standard routes: the skills CLI for this one skill, or copying the folder into a skills directory. The skill's validation step runs flutter analyze and dart format, so there is no Claude app upload route.

Built from the package data we hold. Not yet tested by us.

What's in the skill

When it loads

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.

Sections in SKILL.md

Principle 0
Workflow
Decision Guide
Resource Routing
Constraints
Validation

Key facts

Author: Stanislav [MADTeacher] Chernyshev
Repo: madteacher/mad-agents-skills
License: MIT (LICENSE and README agree)
Installs on skills.sh: 15,476 (Nov 2, 2026)
GitHub stars: 111 for the whole mad-agents-skills repo (Nov 2, 2026)
Last repo commit: May 1, 2026
Audits on skills.sh: Gen Agent Trust Hub: pass, Socket: pass, Snyk: pass
What it includes: 11 files: SKILL.md, 6 in references/ and 4 Dart templates in assets/templates/ (counted from the repo tree)
Version: 2.0 (SKILL.md frontmatter)

What it includes

State-driven changes with AnimatedContainer, AnimatedOpacity and similar widgets.
Guide: references/implicit.md, template: assets/templates/implicit_animation.dart.
Try: “Fade this card in when it loads.”
Write · Implicit animations
AnimationController with Tween, CurvedAnimation and AnimatedBuilder.
Guide: references/explicit.md. SKILL.md says controllers must be owned by the state object and disposed.
Write · Explicit animations
Shared-element route transitions with stable unique tags.
Guide: references/hero.md, template: assets/templates/hero_transition.dart.
Write · Hero transitions
Sequenced or overlapping motion with Interval timing.
Guide: references/staggered.md, template: assets/templates/staggered_animation.dart.
Try: “Reveal this menu item by item.”
Write · Staggered animations
Springs, flings, drags, custom simulations and scroll physics.
Guide: references/physics.md.
Write · Physics-based motion
Curve choice, custom curves, easing fixes and reduced-motion tuning.
Guide: references/curves.md. SKILL.md says to check MediaQuery.disableAnimations or an existing reduced-motion policy.
Read · Curves and reduced motion
Checks the edit with the formatter, the analyzer and focused tests.
SKILL.md says to run flutter analyze on the touched project and focused tests when navigation or gestures are involved.
Runs code · Validation: dart format, flutter analyze, tests

From the official docs

Permissions

Low risk

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

It edits your Flutter code
SKILL.md tells the agent to add, fix or refactor animation code in your widgets. Commit first and review the diff. github.com
It runs project commands
The Validation section runs dart format, flutter analyze and focused tests. Tests run your own project code. github.com

Technical details

Turning on read-only	No read-only mode is documented.
Scopes	Edits Dart files in your Flutter project Runs dart format, flutter analyze and your tests, which SKILL.md tells it to do

Questions

What does the flutter-animations skill do?

It makes your assistant add, fix, refactor, debug, test or explain Flutter animations. It picks between implicit, explicit, Hero, staggered and physics-based motion, and respects reduced-motion settings.

How do I install it?

Use the install box at the top of this page. The README does not give an install command, so the box shows the standard skills CLI and folder routes.

Does it need an API key?

No key or sign-in is named in SKILL.md or the README. The Validation section expects Flutter and Dart tools in your project.

Is it safe?

It edits your Dart code and runs the formatter, the analyzer and tests. Our advice: work in a git branch and review the diff.

Are the templates ready to paste?

No. SKILL.md says the templates are complete demo files, not drop-in production modules. You rename demo classes, remove main() and MaterialApp wrappers, adapt assets, routes and state, and rerun the analyzer.

Does it handle accessibility?

Yes, by instruction. SKILL.md says to check MediaQuery.disableAnimations or an existing reduced-motion policy for non-essential motion, and to report the limitation if reduced-motion support cannot be added.

What else is in the same repo?

The README lists 11 skills for Dart and Flutter, including flutter-navigation, flutter-architecture, flutter-testing and flutter-adaptive-ui. This skill does not depend on them.

Information

updated Nov 2, 2026

Repository: madteacher/mad-agents-skills
Folder: flutter-animations

madteacher/mad-agents-skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 2

flutter-animations SKILL.md · github.com
mad-agents-skills README · github.com