MotionHunt
Sign in

Recipe explainer animation of a White Russian made with Claude Opus 5.5: Claude Opus launch video

Originally posted by @sarut0bisasuke on X · posted Sep 25, 2026 · curated by MotionHunt, updated Oct 15, 2026

Recipe explainer animation of a White Russian made with Claude Opus 5.5
Embedded post from X · View original post

In short

A 30-second explainer-style motion graphic showing a White Russian built up from an empty glass to a finished cocktail, with ingredients and measurements shown as they go into the glass. The author says Opus 5.5 produced it from one prompt and a hand-drawn reference image, and it was exported as a 1080p MP4.

Prompt

From the author's post
Render a recipe motion graphic animation using JavaScript or HTML (whatever you think will produce the best result) to show the full recipe for a White Russian from start to finish, empty glass to completed cocktail. Explainer video style, showing the ingredients and measurements as they go into the glass. It should be a 30s video.

How it was made

The author says Opus 5.5 wrote a single HTML file using SVG and plain JavaScript with no animation library. Every frame is drawn from a timestamp. A headless browser stepped through 900 frames, which were piped into ffmpeg. The author reports about 25 minutes from prompt to finished 1080p MP4, with no follow-ups. The model rendered test frames, found 3 problems, and fixed them before export.

Effort
About 25 minutes of generation, one prompt with no follow-ups

Why it works

  • Each frame is computed from a timestamp rather than played back, so the render is deterministic and can be stepped frame by frame.
  • Layering follows physical logic as described by the author: ice floats once liquid reaches it, coffee liqueur sinks and darkens the drink from the bottom, and cream sits on top.
  • The output was checked before export: test frames were rendered, 3 issues were found, and they were fixed.
  • The explainer structure runs start to finish, showing each ingredient and measurement as it is added to the glass.

Remix it for your product

Render a motion graphic animation using JavaScript or HTML (whatever you think will produce the best result) to show the full process for [PRODUCT] from start to finish. Explainer video style, showing [FEATURES] as they appear on screen. It should be a 30s video.

FAQ

What tool made this launch video?

This video was made with Claude Opus and Ffmpeg.

Can I see the prompt behind this video?

Yes. The full prompt is shown on this page (from the author's post). Credit the original creator if you reuse it.

What kind of product is this video for?

It is a launch video for a other product.

Comments (0)

Sign in to comment.