docs(skills): teach transforms-over-layout-props up front

Reframe the gsap "prefer transforms" guidance from a GPU-perf nicety to the
real HyperFrames render-correctness reason: the seek-by-frame capture engine
integer-snaps layout props, so slow tweens stutter. Add the CSS-rest + x/y
offset conversion recipe, the parent-relative %/px note, and the one
exception (html-in-canvas <canvas layoutsubtree> elements). Frames the
gsap_non_transform_motion lint rule as the backstop, not the teacher, so
agents reach for transforms up front instead of relying on lint to reject.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Vance Ingalls
2026-06-29 09:56:37 -07:00
co-authored by Claude Opus 4.8
parent 619a603eab
commit 58f7dc1c72
2 changed files with 19 additions and 3 deletions
+1 -1
View File
@@ -18,7 +18,7 @@
"files": 1
},
"hyperframes-animation": {
"hash": "57458f4308708e21",
"hash": "9f0ccb60ff53e739",
"files": 115
},
"hyperframes-cli": {