MotionHunt
Sign in

Recipe explainer motion graphic test rendered in HTML with Claude Opus: Claude Opus launch video

Originally posted by @ror_fly on X 路 posted Sep 23, 2026 路 curated by MotionHunt, updated Oct 15, 2026

Recipe explainer motion graphic test rendered in HTML with Claude Opus
Embedded post from X 路 View original post

In short

An explainer-style motion graphic of a cocktail recipe, going from an empty glass to a completed drink, with ingredients and measurements shown as they are added to the cup. The author says Opus 5.5 rendered it in HTML from one image, and the prompt asked for a 30-second video.

Prompt

From the author's post
We're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html (w/e you think will produce the best) to show the full recipe from start to finish (empty glass to completed cocktail) - Explainer video style - Showing the recipe ingreidents + measurements as they're going into the cup. Should be a 30s video.

How it was made

The author says Opus 5.5 rendered the animation in HTML from one image. The prompt asked for JavaScript or HTML, whichever would produce the best result. No other tools, timing, or cost details were shared.

Shot breakdown

  1. 0:00-0:30Planned sequence from the prompt: starts with an empty glass, shows each ingredient and its measurement as it goes into the cup, and ends with the completed cocktail. The prompt specifies a 30-second length; no per-scene timing was given.

Breakdown written by AI from the prompt and post, reviewed by MotionHunt.

Why it works

  • Explainer-video pacing: a clear start-to-finish sequence (empty glass to finished drink) gives the animation an easy-to-follow narrative.
  • Ingredients and measurements appear as they are poured in, so the on-screen text is tied to the action on screen.
  • The brief sets a fixed short runtime (30 seconds), which constrains the animation to a tight, focused flow.

Remix it for your product

We're going to try a little test. Do you think you could render a [PRODUCT] motion graphic animation using javascript or html (w/e you think will produce the best) to show the full [PRODUCT] process from start to finish - Explainer video style - Showing the [FEATURES] as they're going in. Should be a 30s video.

FAQ

What tool made this launch video?

This video was made with Claude Opus.

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.