·flutter-animations
>_

flutter-animations

madteacher/mad-agents-skills

Guía completa para implementar animaciones en Flutter. Úselo al agregar efectos visuales y de movimiento a las aplicaciones de Flutter: animaciones implícitas (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), animaciones explícitas (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), animaciones de héroe (transiciones de elementos compartidos), animaciones escalonadas (secuenciales/superpuestas) y animaciones basadas en la física. Incluye flujo de trabajo para elegir el tipo de animación correcto, patrones de implementación y mejores prácticas para el rendimiento y la experiencia del usuario.

7.0KInstalaciones·299Tendencia·@madteacher

Instalación

$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):

Guía completa para implementar animaciones en Flutter. Úselo al agregar efectos visuales y de movimiento a las aplicaciones de Flutter: animaciones implícitas (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), animaciones explícitas (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), animaciones de héroe (transiciones de elementos compartidos), animaciones escalonadas (secuenciales/superpuestas) y animaciones basadas en la física. Incluye flujo de trabajo para elegir el tipo de animación correcto, patrones de implementación y mejores prácticas para el rendimiento y la experiencia del usuario. Fuente: madteacher/mad-agents-skills.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations
Categoría
>_Productividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es flutter-animations?

Guía completa para implementar animaciones en Flutter. Úselo al agregar efectos visuales y de movimiento a las aplicaciones de Flutter: animaciones implícitas (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), animaciones explícitas (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), animaciones de héroe (transiciones de elementos compartidos), animaciones escalonadas (secuenciales/superpuestas) y animaciones basadas en la física. Incluye flujo de trabajo para elegir el tipo de animación correcto, patrones de implementación y mejores prácticas para el rendimiento y la experiencia del usuario. Fuente: madteacher/mad-agents-skills.

¿Cómo instalo flutter-animations?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

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