TOOLS — CLAUDE SKILL

Scroll-Film Studio.

Build scroll-film websites where the hero is one continuous cinematic shot. Choose between pure motion (Lane A) or AI-generated footage (Lane B). The skill interviews you, art-directs the world, builds it all, and deploys it live.

TWO WAYS TO BUILD

Lane A — Pure Motion

GSAP + Lenis choreography. Pinned scenes, parallax, clip-path reveals, horizontal runs with containerAnimation. Zero cost, zero setup. Perfect for motion-first brands and fast iteration.

Cost:Free
Setup:None

Lane B — Real Footage

AI-generated video chained shot-by-shot with SSIM junction gates. Each clip starts from the literal last frame of the previous one — no seams, one continuous shot. Uses Higgsfield Seedance 2.0 (or any image-to-video engine).

Cost:~45cr per 1080p clip
Setup:BYOK Higgsfield account

BUILT WITH THIS SKILL

FIRST LIGHT

FIRST LIGHT

Mascot rocket launch — live

LIFTOFF

LIFTOFF

Glossy rocket scroll-world — live

MINDLOOM

MINDLOOM

Harbor fly-through (scroll-world) — live

HOW IT WORKS

1. Interview

Describe your brand, the journey, and which lane. The skill asks smart questions and designs the world with you.

2. Concept & Art Direct

If Lane A: I choreograph the scroll and motion. If Lane B: I draft the storyboard and you approve the creative direction.

3. Build & Chain (Lane B only)

Generate the opening keyframe, then chain AI clips shot-to-shot. Every junction verified with SSIM gating — no guesswork, no dissolves.

4. Assemble & Verify

Extract frames, build the page from scratch for your brand, run jank tests (target max <50ms per frame), screenshot every beat.

5. Deploy

Lean Vercel deploy (HTML + frames only, no build artifacts). One command, live in minutes.

Get the skill.

The scroll-film-studio skill ships as a single downloadable folder with everything you need: SKILL.md, engine references, chain scripts, and verification harness. Point Claude at it and build.

View on GitHub See FIRST LIGHT source ❮