源自 GitHubFlutter动画开发与性能调优
该能力专为 Flutter 开发者提供生产级动效实现与排错支持。覆盖从轻量级隐式动画（AnimatedContainer、AnimatedOpacity、AnimatedSwitcher）到全生命周期显式动画（AnimationController、CurvedAnimation、AnimatedBuilder）、多页面 Hero 共享元素转场、交错队列动画（Staggered Animation）以及基于手势与速度的物理动效（SpringSimulation、ScrollPhysics）。同时严格遵循性能与工程规范，杜绝 build 内滥用控制器、无谓 setState 引起的掉帧卡顿和未释放导致的内存泄漏，并原生支持系统减弱动态效果（Reduced Motion）无障碍规范。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“帮我为当前订单卡片点击进入详情页增加 Hero 共享元素转场，并处理在长方形与圆形头像变化时的飞行动画跳动问题。”
“我需要用单个 AnimationController 和 Interval 为结算页面的4个卡片模块制作从下至上交错渐显的动效代码。”
“现有的手势拖拽关闭浮层组件在滑落时掉帧，请用 AnimatedBuilder 隔离局部重绘并加入带有速度衰减的 fling 物理回弹效果。”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
