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.
한국어 번역
UI 카드를 위한 GSAP 타임라인을 구체적인 타이밍 제약과 함께 만들어 줘: 카드 280ms, 제목 220ms, 메타데이터 160ms, 요소 사이 60ms 스태거. 검증 루프를 구현해 줘. Playwright로 애니메이션을 프레임 단위로 진행시키고, 스크린샷을 비교해 오버슈트나 오류를 감지하고, 전부 다시 쓰지 않으면서 검사를 통과할 때까지 코드를 패치해 줘.
