13-second example rendered by this skill from examples/larkline · 1280×720
About this skill
What Lookbook adds on top of mrdoob/three.js: Lookbook wrote this package: the frame-sequence player, the callouts, the frame extractor, the stand-in footage scene and the Motion Heroes kit are original. The examples' aerial footage is procedural (three.js, MIT), rendered by the package's own script; nothing is filmed or stock. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.
Example request
Build a Scroll Film hero for Marram Vans from our drone clip of the coast road: cut it into frames within budget, add callouts at the pickup, Corran Bay and Hale Point, and record a 1080p video for the launch post.
Similar Skills
View all
What you get
- A self-contained hero page, a paste-in embed and a frames folder cut from your own video, with a lighter set for phones
- Scroll-scrubbed playback with cross-fades and progressive loading, so it is scrubbable within a few hundred KB
- Up to 6 callouts at scroll stops with counting stats and pins on the film, plus a player bar with chapter ticks
- Window or full-bleed layouts in your colours, fonts, logo and copy, with contrast checked against the film
- A frame-budget report and a still frame for reduced motion or failed loads, so the hero is never blank
- A frame-perfect MP4 and poster of the scripted scroll, plus a stand-in aerial film renderer for trying it before you have footage
- Open-source licenses for every part it builds on
Good fit
- Product launch
- Brand
Not for
- Sound, autoplaying video or long films: it scrubs a short clip as stills
- Pages that must load in under a second on mobile data (a frame sequence is a few megabytes)
- Editing, stabilising or colour-grading your footage
- Full landing pages below the hero
Compatibility
Works with
Generates with
Works in any agent that reads SKILL.md folders. Added Oct 25, 2026. Commercial use of everything you make is included.
Reviews
No reviews yet. People who install this skill can leave the first one.
FAQ
Which agents can run Scroll Film Hero?
Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.
Do I own what I make with it?
Yes. Everything your agent makes with this skill is yours, including for client and commercial work.
What if it doesn’t work for me?
Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.