
Customize: Staggered UI card animation
The prompt comes from a post by fleyta. Watch the video
Your prompt
The highlighted part at the end is added from your details and dials. Where it disagrees with the prompt, it wins.
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.For best results, run it with Claude Opus 5.5.