ai21.net
言語

特定のタイミング制約を備えたUIカード用のGSAPタイムラインを構築…

特定のタイミング制約を備えたUIカード用のGSAPタイムラインを構築… — 1

プロンプト

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を使ってアニメーションをフレーム単位で進め、スクリーンショットを比較してオーバーシュートやエラーを検出し、すべてを書き直すことなくチェックを通過するまでコードにパッチを当ててください。

出典

原作者
fleyta88
公開日
2026-10-08(由推文 ID 反解)
原典
元の投稿を見る ↗
収録元
yihui-dev/awesome-opus5-5-videos · fleyta88-443662 · MIT