A free Agent Skill · Claude · Cursor · Hermes · OpenClaw

Cinematic Scroll

One sentence in. A cinematic, scroll-driven website out.

A skill, not a plugin — runs in Claude, Cursor, Hermes & OpenClaw. The motion is the constant · the look is yours · the agent is your choice.
Created by Simone Leonelli · W230
Petroleum-toned cinematic hero — sci-fi noir Swiss-museum light hero — quiet luxury
The motion is the constant

Depth you can feel.

Five to seven layers at distinct depths, a perspective camera, every move scroll-linked and compositor-only. The grammar that makes a page feel filmed — not laid out.

One grammar · any aesthetic

The look is yours.

These five are just a sample. Name any palette, mood, or reference — even your own brand — and the motion stays while the skill art-directs everything else to match. There is no house style.

Five of infinitely many
From a brief to a build

You describe it. Your agent builds it.

YOU YOUR AGENT
“a cinematic scroll page for a sci-fi game — teal fog, crimson edge-light, 4 chapters.”

No hand-built keyframes. A 5-phase pipeline — audit, storyboard, spec, build, polish — with taste guardrails and a transform/opacity performance budget, so what comes back is cinematic, not generic.

Two ways to build

A section in seconds, or a whole release site.

Mode A

Single scroll section

One self-contained .html file. No build, no keys, no dependencies. Paste it, open it, done. (Exactly how this page is built.)

Vanilla rAF · transform/opacity only · runs from file://
Mode B

Full release site

A tested Next.js App Router project — GSAP ScrollTrigger + SplitText, Lenis smooth scroll, and an optional fal.ai pipeline for AI-generated chapter art.

Next.js · GSAP (free) · Lenis · fal.ai
Live examples

Five aesthetics. One grammar.

Deliberately clashing styles from a single engine — proof the look is a variable, not a default. Each is a build-free index.html. Click any to scroll the real thing.

Install — free, MIT

Add it to your agent in one line.

$npx cinematic-scroll-skill

Claude Code plugin: /plugin marketplace add MustBeSimo/cinematic-scroll-skill

Theme