motion-site
Installation
SKILL.md
Two tiers, chosen per effect:
- webgl — Three.js / React-Three-Fiber + GLSL + GSAP ScrollTrigger + Lenis. Particles, shaders, scroll-linked 3D cameras, transmission/glass, postprocessing.
- light — CSS / SVG / GSAP / Framer Motion. Scroll reveals, parallax, text kinetics, marquees, magnetic buttons, gradient-mesh backgrounds. No GPU scene.
Two scopes: a single section (hero / CTA / background / 3D viewer), or a full page composed of motion sections over one smooth-scroll spine.