Five scroll-based sections, one a field-recorder product page
1.4K views · 11 likes · 6 saves · 1 reposts · Posted Sep 24, 2026 · 0:30 · Motion graphics
OUR NOTEFive scroll-triggered website sections built from one open prompt, content and layout chosen by the model; this frame shows a product page for the 'Whatever R1' field recorder.
Gave Opus 5.5 a single prompt: "Build 5 completely different scroll-based sections, decide the context & layout yourself."
It generated all 5 seamlessly. The motion structure on the 2nd one is especially insaneTHE PROMPT
Open layout-and-content briefBuild 5 completely different scroll-based sections, decide the context & layout yourself.MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Introducing Claude Opus 5.5, the first model in our new Claude 5.5 family. It performs at the level of Claude Fable 5.1 for most tasks, and costs 40% less to run than Opus 5.
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.