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.
Instalación
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.
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
Detalles
- Categoría
- >_Productividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01