Quick summary
Scroll-Film Studio builds scroll-film websites. On these pages the hero is the whole experience: one continuous cinematic shot that plays as the visitor scrolls and dissolves into the content below. It’s a process rather than a scaffold. There are no template pages to copy. The skill runs a short interview, pitches two or three named concepts, art-directs the chosen one, and then designs and writes the page from scratch for that brand.
The film itself can be made two ways. Lane A choreographs pure code (pinned scenes, parallax, and clip-path reveals) and costs nothing. Lane B generates real footage with any image-to-video engine that accepts a start image. It chains each clip from the literal last frame of the previous one and verifies every junction with a structural-similarity gate, so the finished film reads as a single unbroken camera move.
Who this skill is for
This is for anyone who wants the one-continuous-shot scroll site without hiring a motion studio to build it.
- Brands and studios that want a cinematic launch moment (a product, a place, or a story) told as one scrolling shot
- Builders with an AI video account who want their credits to produce a finished site rather than loose clips
- Developers who want the scroll-scrub technique as a method they can rerun: the canvas engine, frame windowing, and seam gating
What problem this skill solves
One-shot scroll films are the most imitated effect on the web and the least often pulled off. Three failures account for almost every attempt, and the skill is built around preventing them.
- Generated video clips never line up: chain two shots naively and the subject doubles, drifts, or teleports at the seam
- Scrubbing a raw video element stutters everywhere and refuses to seek at all on most phones
- Even with working footage, an improvised page has no pacing, and the film races past its own story beats
What you get with this skill
The download is the entire method, so there’s nothing to reverse-engineer.
- The full build process as one runnable skill: interview, concept pitch, art direction, build, and verification
- The shot-chaining contract for Lane B: start-frame extraction, junction prompts, and the structural-similarity gate that catches bad seams
- The canvas scrub engine pattern (pre-extracted frames, a sliding window, and a lerped playhead), with a jank-test harness to prove it
- The deploy step: a lean static publish with nothing but the page and its frames
Steps overview
| Step | What happens |
|---|---|
| Interview | Learn the brand before designing anything |
| Concept and art direction | Pitch named directions, then commit to one |
| Generate and chain | Build the film shot by shot (Lane B) |
| Assemble and verify | Turn footage into a page that scrubs smoothly |
| Deploy | Ship the film as a website |
Design and branding system
The skill treats design as its own job instead of a side effect of the technique.
- Every build gets its own palette, type pairing, and copy voice from the interview. There’s no house template being reskinned
- Story beats are placed against the finished footage, so captions and chapter markers land where the film breathes
- Interface layers (HUDs, chapter rails, and progress cues) are designed to sit on top of film without fighting it
- Lane A builds get the same art direction discipline, and their motion choreography is designed for the brand instead of copied from a demo reel
Output and performance budget
The output is a static page whose weight is decided before generation starts.
- Frame counts and sizes are chosen against a fixed page-weight budget rather than discovered at the end
- The scrub engine streams frames through a sliding window, so memory stays flat on long films
- A jank-test harness enforces a per-frame budget before the build is allowed to ship
- No framework and no build step: the deliverable is a folder of static files
How this skill pays off
This exists because one continuous shot holds attention like nothing else on a scrolling page. And once the failure modes are engineered away, the method is repeatable.
- The visitor’s own scroll is the play button, so engagement is the default rather than a click you hope for
- Lane B turns an AI video subscription into finished websites instead of a folder of disconnected clips
- The output is yours outright: static files, with no platform and nothing to renew
Other information about this skill
A few things worth knowing before you download it.
- Lane A needs nothing but Claude Code. Lane B needs your own image-to-video account. Any engine that accepts a start image follows the same chain contract
- Film length is a budget decision: a longer film means more clips, more credits, and more frames, and the skill makes that trade explicit before generating
- FIRST LIGHT, the reference build, shipped with every junction gate passing. It’s embedded above, as the pipeline produced it
- The skill runs in your own session: your brand, your footage, and your credits never touch anyone else’s account
Output examples
Real builds from this skill, captured from the live sites.
