Scroll Experience

This is for building those scroll-driven websites where content comes alive as you move down the page. Think NY Times interactives or Apple product launches. It covers the main libraries (GSAP ScrollTrigger, Framer Motion, Locomotive Scroll), parallax layering techniques, sticky sections, and horizontal scroll panels. The anti-patterns section is especially useful, warning against scroll hijacking and desktop-only experiences that break on mobile. It's opinionated about keeping natural scroll behavior while adding enhancement rather than replacing it. Good reference when you need cinematic scroll effects but want to avoid the common mistakes that make these experiences annoying instead of delightful.

Install to Claude Code

npx -y skills add davila7/claude-code-templates --skill scroll-experience --agent claude-code