Negroni, Step by Step
Motion Design#hand-drawn#infographic#recipe#square
Made by Rory Flynn (@ror_fly on X)View original post
A 30-second recipe animation that builds a Negroni from an empty glass, showing each ingredient and measure as it goes in.
How it was made
Tools
Process
Rendered by Claude Opus 5.5 as HTML from one reference image and a short prompt.
The creator's own 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." The prompt shown here was written afterwards from the finished clip, so it describes what is on screen.
The one image the creator gave the model:
