Communitygithub.com

madteacher/flutter-animations

为 Flutter 动画和动效添加、修复、重构、调试、测试或解释。用于处理隐式动画(如 AnimatedContainer、AnimatedOpacity、AnimatedSwitcher、TweenAnimationBuilder)、显式动画(使用 AnimationController、Tween、CurvedAnimation、AnimatedWidget、AnimatedBuilder 及内置过渡效果)、Hero/共享元素路由过渡、交错或序列化动画、基于物理的运动(手势、弹簧、飞掷、滚动物理、曲线)、性能优化、无障碍、减少动效以及动画生命周期错误。

flutter-animations 是什么?

这是一个专门用于 Flutter 动画和动效开发的 AI 助手技能。它涵盖了从基础的隐式动画(如 AnimatedContainer 和 AnimatedOpacity)到高级显式动画(包括 AnimationController、Tween 和 CurvedAnimation)的完整范围。该技能支持创建 Hero 和共享元素的路由过渡动画、交错或序列化动画,以及基于物理原理的运动效果,例如手势、弹簧、飞掷和自定义滚动物理。此外,它还能帮助调试动画生命周期问题、优化性能、处理无障碍设置(如减少动效),并适用于多种开发场景(添加、修复、重构、调试、测试或解释)。此技能旨在提升开发者在任何主流 Flutter IDE 或 AI 编码工具中的动画开发效率。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-animations

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

flutter-animations 是做什么的?

为 Flutter 动画和动效添加、修复、重构、调试、测试或解释。用于处理隐式动画(例如 AnimatedContainer、AnimatedOpacity、AnimatedSwitcher、TweenAnimationBuilder);显式动画(使用 AnimationController、Tween、CurvedAnimation、AnimatedWidget、AnimatedBuilder 以及内置过渡效果);Hero/共享元素路由过渡;交错或序列化动画;基于物理的运动(手势、弹簧、飞掷、滚动物理、曲线);性能优化;无障碍;减少动效;以及动画生命周期错误。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

相关技能