scroll-cinema

# Scroll Cinema Generate premium scrollytelling websites where scroll is the narrative engine. Three libraries coordinate as a unified system: Lenis provides buttery smooth locomotion, GSAP ScrollTrigger orchestrates cinematic section reveals with fluid color transitions, and Three.js renders a living painted-texture background that reacts to cursor position and scroll progress. This is NOT a general animation skill, a 3D product viewer, or a scroll-hijacking pattern. Scroll-cinema produces pages where the reader moves through chapters — each chapter entrance is choreographed, the color palette flows between sections, and an ambient shader canvas breathes behind the content. ## Quick Start ```bash # Complete cinematic storytelling site python3 ~/.claude/skills/scroll-cinema/scripts/scroll_cinema_generator.py \ --mode full-cinema \ --shader painted-dots \ --chapters 5 \ --pacing medium \ --output story.html # Chapter reveals with color transitions (no Three.js) python3 ~/.claude/skills/scroll-cinema/scripts/scroll_cinema_generator.py \ --mode chapter-reveal \ --chapters 4 \ --output chapters.html # Standalone reactive shader background python3 ~/.claude/skills/scroll-cinema/scripts/scroll_cinema_generator.py \ --mode painted-backdrop \ --shader watercolor \ --output backdrop.html # All three shader presets side by side python3 ~/.claude/skills/scroll-cinema/scripts/scroll_cinema_generator.py \ --mode catalog \ --output catalog.html ``` Or des...