Negroni Cocktail Recipe Explainer
A 30-second explainer that fills an empty glass step by step, labeling each Negroni ingredient and measurement as it pours in. Generated as HTML in Claude Code from a single recipe image.
By Rory Flynn @Ror_Fly Sep 23, 2026
- Type
- prompt
- Made with
- Claude Opus 5.5 (medium effort)
- Built in
- HTML/CSS
- Topics
- Explainer · Diagrams
The 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.
Quoted from Rory Flynn's post. The prompt belongs to its creator; credit them if you share it.
Found via Prompt Motion.
Similar prompts
2,500 years of Western civilisation in just over two minutes, reportedly told in line drawings and on-screen words cut…
An interactive three.js camera-focus explainer: turn the focus ring and the glass elements shift, sliding the plane of…
An interactive Raptor 3 rocket engine you can cut open in the browser: follow oxygen and methane through both turbopump…
Create a 4–5 minute cinematic video about the Battle of Austerlitz (1805), built entirely in code. Research the battle…