lets-scroll skill
A skill that builds a landing page with one camera flight through scenes; scrolling moves the clip forward and back.
- 134 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Calls paid video generation services and spends account balance.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/lets-scrollDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Calls paid video generation services and spends account balance.
This is third-party code. Review the repository files before installing.
What it does
`lets-scroll` turns a brand, product or industry into a landing page where scroll drives one continuous shot: scrolling down flies the camera forward, scrolling up plays it back. The skill starts with an interview about subject, brand kit, art direction and journey size, from a two scene teaser to a six scene film. It then prepares scene stills, renders a clip chain whose starts match the previous final frames, validates file count, dimensions and duration, and assembles the page in vanilla JavaScript. Three flight styles are offered: fly through the world, one continuous walkthrough and a locked isometric glide. Every prompt and step is recorded in `HANDOFF.md`.
Who it is for. Web designers and frontend developers making brand promo pages who are ready to pay for video generation.
Good fit when
- A product launch needs a landing page with cinematic scroll.
- A brand needs a single world of several scenes in one style.
- Clips were rendered by hand and must be validated and chained seamlessly.
- The page drops into plain HTML, Next.js or Vue without changing the stack.
Not a fit when
- You need a quick cheap page with no generated video.
- Your video model cannot accept a start frame, so seams will not lock.
- Ordinary CSS scroll animations are enough.
Example request
Build a landing page for a ceramics studio: six scenes, locked isometric glide, soft clay look, manual path with no paid services.Limitations
The skill is effectively paid: by default video is rendered with Seedance 2.0 through the Monid CLI billed per clip (a six scene 1080p chain is about 27 dollars per the README), with Higgsfield credits as fallback. It needs `ffmpeg`, `ffprobe` and Python with Pillow. The manual path avoids those services, but then your video tool must accept a start frame. The finished page is heavy because of the video files, and the mobile version needs separate portrait frames.
How to disable. Delete the `lets-scroll` folder from `~/.claude/skills/` or `~/.codex/skills/`. Generated frames, clips and the page live in the project and are removed separately.
FAQ
How much does one build cost?
A six scene 1080p chain through Monid is about 27 dollars per the README. The exact price depends on the model catalog at run time.
Can I avoid paid services?
Yes, via the manual path. The skill writes prompts to files and a `HANDOFF.md` table, you render stills and clips yourself, and it validates them before chaining.
How do I invoke the skill?
With `/lets-scroll` in Claude Code or `$lets-scroll` in Codex, or by asking for a scroll-through world landing page.
Which flight styles exist?
Three: fly through the world with dives into scenes, one continuous forward walkthrough and a locked-angle isometric glide.
What stack does the page use?
A portable vanilla JavaScript scrub engine. It drops into plain HTML, Next.js, Vue or a server-rendered page with no stack assumptions.
Discussion
No questions or reviews yet.
Related
SkillsA skill that builds a landing page where scrolling flies a camera through a generated 3D world
A skill that makes the agent cast a director, storyboard a site, shoot the page with scroll and screen the frames.
A skill for Claude Code and Codex that turns AI video and frames into web animation driven by scroll, cursor, touch or device tilt
Three skills for memorable websites: scroll scenes and 3D, a scroll audit and a landing page strategy.
A skill for building premium scroll-driven websites on a real design standard: typography, rhythm, depth, motion and in-browser verification
Two skills: prompts for product animation and a scroll-driven product website, with templates and an acceptance checklist
README in short
The repository holds one skill with prompt templates and a background knockout script, plus plugin files for Claude Code.