flutter-animations

SKILL.md

Create smooth, performant animations in Flutter using the right approach for each use case. This skill covers complete animation workflow: from choosing between implicit/explicit approaches to implementing complex effects like hero transitions and staggered animations.

Implicit animations automatically handle the animation when properties change. No controller needed.

AnimatedContainer - Animates multiple properties (size, color, decoration, padding):

Flutter에서 애니메이션을 구현하기 위한 종합 가이드입니다. Flutter 앱에 모션 및 시각 효과를 추가할 때 사용합니다: 암시적 애니메이션(AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), 명시적 애니메이션(AnimationController, Tween, AnimatedWidget/AnimatedBuilder), 히어로 애니메이션(공유 요소 전환), 엇갈린 애니메이션(순차/겹침) 및 물리 기반 애니메이션. 성능과 사용자 경험에 적합한 애니메이션 유형, 구현 패턴, 모범 사례를 선택하기 위한 워크플로가 포함되어 있습니다. 출처: madteacher/mad-agents-skills.

원본 보기