Scrollytelling

This implements scroll-driven storytelling where content reveals and animates as users scroll down the page. It covers the five standard techniques (graphic sequences, animated transitions, pan and zoom, moviescroller effects, and show-and-play), plus layout patterns like side-by-side sticky graphics and full-width sections. The skill prioritizes native CSS scroll-timeline API for simple effects and recommends GSAP ScrollTrigger for complex pinning scenarios. One thing to know: scrollytelling gets 400% longer time-on-page than static content, but it requires real narrative structure and good visuals to work. Don't use it just to add scroll effects. The Pudding and NYT Snow Fall are the canonical examples here.

Install to Claude Code

npx -y skills add doodledood/claude-code-plugins --skill scrollytelling --agent claude-code