Prompts

All prompts

Apple-product-page-style "Apex" hero whose 5-second F1 sunset film is scroll-scrubbed full-screen (scroll drives `video

Apple-product-page-style "Apex" hero whose 5-second F1 sunset film is scroll-scrubbed full-screen (scroll drives `video. Stack: Next.js 16, React 19, TypeScript, Tailwind CSS v4. Copy-ready Claude website and UI prompt with layout, motion, and implementation notes from the Eldergenix prompt directory.

UI / UX promptsAnthropicNext.js 16, React 19, TypeScript, Tailwind CSS v4
Repository
Example output
Demo
Prompt
Anthropic
# APEX — SCROLL-SCRUBBED HERO VIDEO

USE THE HIGGSFIELD CONNECTOR TO CREATE A VIDEO WITH SEEDANCE 2.0 IN 1080P FOR 5 SECONDS.

HERE'S THE PROMPT:

> MOTION-STABLE SHOT OF A FORMULA 1 CAR LAUNCHING OFF THE LINE, GOING FROM ZERO
> TO OVER 200KM/H, WE ZOOM THROUGH THE REAR WING AT HIGH SPEED AND THEN WE
> ELEVATE AND SEE THE CORNER AHEAD AND ZOOM INTO THE ORANGE SUNSET.

THEN, DOWNLOAD THAT VIDEO, NAME IT HERO.MP4, AND CREATE A WEBSITE WITH A
SCROLL-ANIMATED HERO VIDEO.

I WANT THE VIDEO TO SCRUB FORWARD AS THE USER SCROLLS — LIKE THE APPLE PRODUCT
PAGES.

CREATE A NEW COMPONENT AT APP/COMPONENTS/SCROLLHERO.TSX
(OR SRC/COMPONENTS/SCROLLHERO.TSX IF I'M USING SRC/).

THE VIDEO SHOULD BE PINNED FULL-SCREEN WHILE THE SCROLL DRIVES PLAYBACK, AND
THE PAGE SHOULD WORK AS A POLISHED STANDALONE SITE AROUND IT.
Stefan Creadore · @Eldergenix - prompt library from Eldergenix source repos