·flutter-animations
>_

flutter-animations

madteacher/mad-agents-skills

Guide complet pour implémenter des animations dans Flutter. À utiliser lors de l'ajout d'effets de mouvement et visuels aux applications Flutter : animations implicites (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), animations explicites (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), animations de héros (transitions d'éléments partagés), animations échelonnées (séquentielles/chevauchement) et animations basées sur la physique. Inclut un flux de travail pour choisir le bon type d'animation, les modèles de mise en œuvre et les meilleures pratiques en matière de performances et d'expérience utilisateur.

7.0KInstallations·299Tendance·@madteacher

Installation

$npx skills add https://github.com/madteacher/mad-agents-skills --skill 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):

Guide complet pour implémenter des animations dans Flutter. À utiliser lors de l'ajout d'effets de mouvement et visuels aux applications Flutter : animations implicites (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), animations explicites (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), animations de héros (transitions d'éléments partagés), animations échelonnées (séquentielles/chevauchement) et animations basées sur la physique. Inclut un flux de travail pour choisir le bon type d'animation, les modèles de mise en œuvre et les meilleures pratiques en matière de performances et d'expérience utilisateur. Source : madteacher/mad-agents-skills.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations
Catégorie
>_Productivité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que flutter-animations ?

Guide complet pour implémenter des animations dans Flutter. À utiliser lors de l'ajout d'effets de mouvement et visuels aux applications Flutter : animations implicites (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), animations explicites (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), animations de héros (transitions d'éléments partagés), animations échelonnées (séquentielles/chevauchement) et animations basées sur la physique. Inclut un flux de travail pour choisir le bon type d'animation, les modèles de mise en œuvre et les meilleures pratiques en matière de performances et d'expérience utilisateur. Source : madteacher/mad-agents-skills.

Comment installer flutter-animations ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/madteacher/mad-agents-skills