Vibe Coding必看，别再让AI凭感觉做动效了

用 AI 写页面时，最容易翻车的往往不是布局，而是动效。

“更丝滑一点”“更有高级感”这类描述太抽象，AI 很容易做出晃动过度、节奏混乱、每个元素都在抢注意力的效果。

更有效的方法，是先找到明确的视觉参考 🔍

我整理了 8 个适合 Vibe Coding 的动效网站，覆盖 Web 与手机端。你可以直接选择喜欢的案例，告诉 AI：

什么操作触发动效 → 哪个元素发生变化 → 从哪里移动到哪里 → 动画持续多久 → 使用什么缓动方式

参考越具体，生成结果越稳定。动效不是越多越好，而是要帮助用户理解页面发生了什么。

这份清单适合设计师、产品经理和独立开发者一起使用。