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

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
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.
- Tools
- Claude Opus
Shot breakdown
- 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.
Related videos
Motion design test prompt for Claude Opus 5.5@zheke
Paper cut-out shadow theatre animation on what makes a place feel like home@x4b47x
Code-driven animation prompt for Claude Opus, shared as a text post@xelandre__
Hand-drawn stop-motion test animation made with Claude Opus@_nikolajankovic
Pelican riding a bicycle animation rendered by code, made with Claude Opus 5.5@axtonliu
Three.js Douglas A-1H Skyraider model built with Claude Opus in one shot@buildfastwithai