DevelopmentMédio

Flutter Animations Implementation

porflutter·flutter· v1.0.0 · atualizado em 2026-04-10

Score

Add animated effects to your Flutter app

flutteranimationuimobile-developmentwidgetdartfrontend

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdflutter-animation/workflow

Determine Animation Strategy: — Analyze the UI requirements to select the appropriate animation approach (implicit, explicit, tween, physics, hero, or staggered).

Implement Animation: — Write the Dart code for the selected animation strategy, using relevant widgets and controllers.

Handle AnimationController: — Initialize and manage the `AnimationController` for explicit animations, ensuring proper disposal.

Use AnimatedBuilder: — Wrap the animated widget with `AnimatedBuilder` for efficient rendering.

Implement Transitions: — Use `PageRouteBuilder` for page route transitions with custom animations.

Validate and Fix: — Check for common errors like missing `dispose()` calls and incorrect `AnimatedBuilder` usage.

Test Animation: — Run the application and verify the animation's behavior and performance.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe comflutter-layout

70%

Similar aSwiftUI Performance Audit

60%

Similar aArchitecting Flutter Layouts

60%

Árvore do Skill

Flutter Animations Implementation

flutter-animation

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers8

add animation to a Flutter appimplement a Flutter animationanimate a widget in Fluttercreate a transition in Flutteruse implicit animations in Flutteruse explicit animations in Flutterimplement a hero animation in Flutterimplement physics-based animation in Flutter

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download flutter-animation

$ synaptic skills detail flutter-animation

$ synaptic skills live flutter-animation

Links

GitHub Repository