feat(skills): site-motion, site-level scroll and transition choreography

Personal skill distilling the MengTo motion pack invariants (LRN-141):
gates first (reduced motion renders final states, content visible without
JS, compositor-only, offscreen pause), one smooth-scroll engine with the
Lenis/ScrollTrigger sync, Astro ClientRouter lifecycle, numbered recipes
(reveal, scrub, sticky stack, video and image scrub, TreeWalker split,
progressive blur, marquee, WebGL budgets), upstream pitfalls, checklist.
Routed into the Build UI chain of CLAUDE.global.md and lib/design-gate.md.
This commit is contained in:
bastien
2026-09-28 01:40:01 +02:00
parent 2a1ad1797b
commit ba14b5ea03
4 changed files with 196 additions and 1 deletions
+2 -1
View File
@@ -269,7 +269,8 @@ design routing; the design-toolchain hook reinforces it.
- Trivial (≤2 files, one cosmetic value) → /hotfix, no toolchain.
- Build UI (component, page, redesign) → ui-ux-pro-max + frontend-design
(anti-slop) + 21st-ui-build (catalog + generation) + emil-design-eng
(polish) + design-motion-principles (motion) + design-html (static).
(polish) + design-motion-principles (motion) + design-html (static) +
site-motion (site-level scroll/page choreography, personal skill).
Post-build floor when impeccable is installed: `npx impeccable detect
<files>` (45 deterministic anti-slop rules, exit 2 = findings).
- Design system / brand → design-consultation first, then the build tools.