在 HyperFrames 里用 GSAP 做动画时，gsap Skill 的关键不是记住 `to` 和 `from`，而是让时间轴能被渲染器安全地 seek。时间轴要同步创建为 paused 状态，完成构建后再用与 `data-composition-id` 相同的 key 注册到 `window.__timelines`。
画面进入时可用 `from`，明确起止值时用 `fromTo`，多个动作优先用 timeline 的 position 参数和 label 编排。渲染时长来自组合根节点的 `data-duration`，不要用空 tween 把时间轴硬撑长；循环也必须是有限次数，不能用 `repeat: -1`。
优先动画 transform、opacity 和必要的颜色变量，避免本可用 transform 替代的布局属性。不要在 DOM 还没创建时建 tween，也不要让 render-critical 动画依赖定时器、事件或随机数。完成结构变化后先 lint，最终用 HyperFrames check。