flutter-animations
✓Umfassende Anleitung zur Implementierung von Animationen in Flutter. Wird beim Hinzufügen von Bewegungen und visuellen Effekten zu Flutter-Apps verwendet: implizite Animationen (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), explizite Animationen (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), Hero-Animationen (gemeinsam genutzte Elementübergänge), gestaffelte Animationen (sequentiell/überlappend) und physikbasierte Animationen. Beinhaltet einen Workflow zur Auswahl des richtigen Animationstyps, Implementierungsmuster und Best Practices für Leistung und Benutzererfahrung.
Installation
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):
Umfassende Anleitung zur Implementierung von Animationen in Flutter. Wird beim Hinzufügen von Bewegungen und visuellen Effekten zu Flutter-Apps verwendet: implizite Animationen (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), explizite Animationen (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), Hero-Animationen (gemeinsam genutzte Elementübergänge), gestaffelte Animationen (sequentiell/überlappend) und physikbasierte Animationen. Beinhaltet einen Workflow zur Auswahl des richtigen Animationstyps, Implementierungsmuster und Best Practices für Leistung und Benutzererfahrung. Quelle: madteacher/mad-agents-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations- Kategorie
- >_Produktivität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist flutter-animations?
Umfassende Anleitung zur Implementierung von Animationen in Flutter. Wird beim Hinzufügen von Bewegungen und visuellen Effekten zu Flutter-Apps verwendet: implizite Animationen (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), explizite Animationen (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), Hero-Animationen (gemeinsam genutzte Elementübergänge), gestaffelte Animationen (sequentiell/überlappend) und physikbasierte Animationen. Beinhaltet einen Workflow zur Auswahl des richtigen Animationstyps, Implementierungsmuster und Best Practices für Leistung und Benutzererfahrung. Quelle: madteacher/mad-agents-skills.
Wie installiere ich flutter-animations?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/madteacher/mad-agents-skills
Details
- Kategorie
- >_Produktivität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01