Skip to main content
Back to registry

flutter-animation

flutter/skills

Implements and manages Flutter animations, selecting the appropriate animation strategy (implicit, explicit, tween, physics, hero, or staggered) based on UI requirements. Assumes a working Flutter environment, stateful/stateless widget competence, and a standard widget tree structure.

Installs1
Install command
npx skills add https://github.com/flutter/skills --skill flutter-animation
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Implements and manages Flutter animations, selecting the appropriate animation strategy (implicit, explicit, tween, physics, hero, or staggered) based on UI requirements. Assumes a working Flutter environment, stateful/stateless widget competence, and a standard widget tree structure. Evaluate the UI requirement using the following decision tree to select the correct animation approach: STOP AND ASK THE USER: If the requirement is ambiguous, pause and ask the user to clarify the desired visual effect before writing implementation code. For simple transitions between values, use implicit animation widgets. Do not manually manage state or controllers. When you need to control the animation (play, pause, reverse), use an AnimationController with a Tween . Separate the transition rendering from the state using AnimatedBuilder . To animate transitions between routes, use PageRouteBuilder and chain a CurveTween with a Tween .

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does flutter-animation do?

Implements and manages Flutter animations, selecting the appropriate animation strategy (implicit, explicit, tween, physics, hero, or staggered) based on UI requirements. Assumes a working Flutter environment, stateful/stateless widget competence, and a standard widget tree structure.

Is flutter-animation good?

flutter-animation does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does flutter-animation work with?

flutter-animation currently lists compatibility with codex, gemini-cli, opencode, cursor, kimi-cli, github-copilot.

What are alternatives to flutter-animation?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install flutter-animation?

npx skills add https://github.com/flutter/skills --skill flutter-animation

Related skills

More from flutter/skills

flutter-app-size

by flutter/skills

996

Analyzes and optimizes Flutter application size by measuring build artifacts, generating size analysis reports, utilizing Dart DevTools for component breakdown, and implementing specific size reduction strategies such as debug info splitting, resource compression, and platform-specific tree-shaking. Assumes a...

Software EngineeringFrontend and Design

flutter-concurrency

by flutter/skills

980

Implements advanced Flutter data handling, including background JSON serialization using Isolates, asynchronous state management, and platform-aware concurrency to ensure jank-free 60fps+ UI rendering. Assumes a standard Flutter environment (Dart 2.19+) with access to dart:convert , dart:isolate , and standard state...

Software EngineeringFrontend and Design

flutter-localization

by flutter/skills

978

Configures and implements internationalization (i18n) and localization (l10n) in a Flutter application. This skill manages dependency injection ( flutter_localizations , intl ), code generation configuration ( l10n.yaml ), root widget setup ( MaterialApp , CupertinoApp , or WidgetsApp ), .arb translation file...

Software EngineeringFrontend and Design

flutter-accessibility

by flutter/skills

973

Implements, audits, and enforces accessibility (a11y) and adaptive design standards in Flutter applications. Ensures compliance with WCAG 2 and EN 301 549 by applying proper semantic roles, contrast ratios, tap target sizes, and assistive technology integrations. Constructs adaptive layouts that respond to available...

Software EngineeringFrontend and Design
Related skills

Alternatives in Software Engineering