# GSAP Timeline with Frame Checking

An Opus 5.5 video by [@fleyta88](https://x.com/fleyta88) · [Original post with the video](https://x.com/fleyta88/status/2108249741125443662)

- **Category:** Explainers
- **Author:** [@fleyta88](https://x.com/fleyta88)

More Opus 5.5 videos, each next to a live remake: [skillry.dev/ai-videos/opus-5-5](https://skillry.dev/ai-videos/opus-5-5?utm_source=github&utm_medium=readme&utm_campaign=awesome-opus5-5-videos)

## Prompt

```text
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.
```