📚 The 5 learning paths
Cinematic Scroll Skill
The viral "3D scroll" effect is **not** Three.js. It’s a **canvas image sequence scrub**:…
Prompt Pack — 3D Websites
The One-Prompt Website Pack 10 ready-to-copy-and-paste prompts that turn a single sentence into an award-winning cinematic…
Prompting Guide — Contractor Method
The Contractor Method — my complete system for getting $10K-looking results from a single model. Seven moves, plu…
Prompt Pack II — Scroll Shows
The Assistant Website Builder.…
Seedance 2.5 — One-Shot Sites
The Seedance 2.5 Website Pack…
⚙️ How the effect works
Generate the clips
Describe the camera moves in the prompt; the video model (Seedance via Higgsfield MCP) generates orbits, fly-throughs, and reveals from a single reference image.
Extract frames
The clip is exported as ~180 numbered JPGs (ffmpeg) and preloaded into a scroll-controlled canvas sequence.
Connect to scroll
Smooth scrolling (Lenis) selects the frame based on the scroll position: scrolling forward or backward plays the video—it looks premium 3D, without Three.js.
💡 Requirements: coding assistant with a large context window (64k+) and Higgsfield MCP connected (video generation, ~US$ 1–5 in credits per site). Start with Track 1 — it installs the skill that orchestrates the entire pipeline.