# Negroni, Step by Step

Style: [Motion Design](https://comotion.design/style/motion-design)
Made by: Rory Flynn, @ror_fly on X
Original post: https://x.com/Ror_Fly/status/2102853258582880547
Length: 30 seconds
Tags: hand-drawn, infographic, recipe, square
Page: https://comotion.design/v/negroni-step-by-step

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: Claude Opus 5.5

Prompt: 699 words, shown to signed-in members on the page, free with an account.

### 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:**

![The one image the creator gave the model](https://media.comotion.design/videos/20697ad9-3f27-4129-82bb-b58c705a7368/df6190c6-d92b-44ae-b812-67db9a58b907/reference-1.jpg)