Install prompt

Read https://claude-motion.com/skills/browser-scroll/install.md and follow the instructions to install the "browser-scroll" skill, then run it once with its example prompt.

Paste into Claude Code, Codex, Cursor or any agent that supports skills.

Example prompt

Use the browser-scroll skill with our full-page screenshot assets/home-full.png, url "fable.dev", caption "Redesigned from the ground up". Flat, ink theme, 9:16.

Claude Motion prompt

Create an 8-second website showcase on a sand background. Bold text "The new homepage, live today" sits on the left. On the right, a browser window with a light landing page settles in, tilted slightly in 3D. The page scrolls smoothly from the hero ("Ship videos, not tickets.") past a chart, feature cards and testimonials down to a dark "Start free today" footer, while a small cursor drifts over it and the tilt relaxes.

On a Claude Team or Enterprise plan? Paste this into Claude Motion for a similar result without installing anything.

PremiumExplainerSeries: Devices

Browser Scroll

A tilted browser scrolls smoothly through a full page.

Coming soon

Premium skills open for download shortly. Leave your email and we'll tell you the day they go live.

A browser window settles in with a gentle 3D tilt (or flat), then scrolls through your full-page screenshot from top to bottom while a cursor drifts across it. A caption sits beside it in 16:9 or above it in vertical formats.

Engine: HyperFrames
Formats: 16:9 · 9:16 · 1:1
Length: 8s

Inputs

imageFull-page screenshot path or URL, taller than wide (empty = placeholder landing page)
urlText in the browser bar
captionCaption shown beside / above the browser (empty = none)
tiltBrowser angletilted · flat
themeThemeink · paper · electric · noir · sand
fontDisplayDisplay fontserif · sans · grotesk · mono

Credits

heygen-com/hyperframesregistry/components/scroll-camera-story(Apache-2.0)
heygen-com/hyperframesregistry/components/browser-device-stage(Apache-2.0)

Original templates, designed with these open-source projects as reference. Full credits and third-party licenses are in NOTICE.md inside the download.

More in this series

Phone Callouts

A phone rises in, and labels pop out with leader lines to its screen.

Explainer16:9 / 9:16 / 1:1

Notification Stack

Notifications land on a lock screen one after another.

Explainer16:9 / 9:16 / 1:1

Text + Screen Split

Headline and points on one side, your screenshot gliding in on the other.

Explainer16:9 / 9:16 / 1:1

Calendar Reschedule

A week view fills up, then a cursor drags one event to a better slot.

Explainer16:9 / 9:16 / 1:1