·flutter-animations
>_

flutter-animations

madteacher/mad-agents-skills

在 Flutter 中实现动画的综合指南。在向 Flutter 应用程序添加运动和视觉效果时使用:隐式动画(AnimatedContainer、AnimatedOpacity、TweenAnimationBuilder)、显式动画(AnimationController、Tween、AnimatedWidget/AnimatedBuilder)、英雄动画(共享元素过渡)、交错动画(顺序/重叠)和基于物理的动画。包括选择正确动画类型的工作流程、实施模式以及性能和用户体验的最佳实践。

6.9K安装·232热度·@madteacher

安装

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

在 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-02-18

快速解答

什么是 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 中使用

这个 Skill 的源码在哪?

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