·flutter-animations
>_

flutter-animations

Подробное руководство по реализации анимации во Flutter. Используйте при добавлении эффектов движения и визуальных эффектов в приложения Flutter: неявную анимацию (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), явную анимацию (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), анимацию героев (переходы общих элементов), поэтапную анимацию (последовательную/перекрывающуюся) и анимацию на основе физики. Включает рабочий процесс для выбора правильного типа анимации, шаблонов реализации и рекомендации по повышению производительности и пользовательскому опыту.

8.7KУстановки·37Тренд·@madteacher

Установка

$npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations

Как установить flutter-animations

Быстро установите AI-навык flutter-animations в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: madteacher/mad-agents-skills.

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.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations
Категория
>_Эффективность
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from madteacher/mad-agents-skills

Короткие ответы

Что такое flutter-animations?

Подробное руководство по реализации анимации во Flutter. Используйте при добавлении эффектов движения и визуальных эффектов в приложения Flutter: неявную анимацию (AnimatedContainer, AnimatedOpacity, TweenAnimationBuilder), явную анимацию (AnimationController, Tween, AnimatedWidget/AnimatedBuilder), анимацию героев (переходы общих элементов), поэтапную анимацию (последовательную/перекрывающуюся) и анимацию на основе физики. Включает рабочий процесс для выбора правильного типа анимации, шаблонов реализации и рекомендации по повышению производительности и пользовательскому опыту. Источник: madteacher/mad-agents-skills.

Как установить flutter-animations?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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

Детали

Категория
>_Эффективность
Источник
skills.sh
Впервые замечено
2026-02-01