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。

原文を見る