AI PROMPT · 10
带帧检查的 GSAP Timeline
为 UI 卡片构建具有特定时间约束的 GSAP timeline：卡片动画时长 280ms，标题 220ms，元数据 160ms，元素间交错延迟 60ms。实现一个验证循环，使用 Playwright 逐帧步进动画，通过截图对比检测过冲或错误，并在不重写全部代码的情况下持续修补代码直至通过所有检查。
VIDEO PREVIEW
视频预览
PROMPT
Build a GSAP timeline for UI cards with specific timing constraints: 280ms for cards, 220ms for title, 160ms for metadata, and a 60ms stagger between elements. Implement a verification loop where the animation is stepped through frame-by-frame using Playwright, screenshots are compared to detect overshoot or errors, and the code is patched until it passes the checks without rewriting everything.