Negroni recipe as a 30-second explainer
A 30-second square recipe animation that pours a Negroni from empty glass to garnish, labeling each ingredient and measure as it goes in. Opus 5.5 built it in HTML in Claude Code from a one-paragraph prompt and a single hand-drawn reference image.
“I did it in straight in Claude code.”
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.
Make it yours. Change "empty glass to completed cocktail" to your recipe's first and last moments, attach your own illustration, and keep "Showing the recipe ingreidents + measurements as they're going into the cup" for the step-by-step labels. Change "Should be a 30s video" for another length.
You'll need
- A reference image of the drink; the creator used one hand-drawn illustration
How it was made
The creator ran it "straight in Claude code" and thinks the effort was set to medium. The only input besides the prompt was one image, which the creator shared in a reply: a hand-drawn Negroni in a rocks glass with an orange twist under the word NEGRONI. In a later post the creator had Opus make four variants in the same design system with four subagents, in under five minutes.
Posted Sep 23, 2026 · X · 1k likes · 77k views · 37 comments
Prompt from: Post body, after "PROMPT:"
Look notesby Reference
A flat hand-drawn recipe card: a rocks glass fills step by step with ice, gin, Campari, and sweet vermouth beside a label card for each step, under the word NEGRONI.
- Color
- Warm off-white paper, coral-red lettering and accents, pale ice blue for the glass, and a deep crimson drink with an orange-peel twist.
- Type
- A chunky hand-lettered NEGRONI with a dark drop shadow, a small handwritten subtitle ("equal parts · stirred · on the rocks"), and step cards with a small "STEP 2 OF 6" kicker, bold display amounts ("1 oz", "20 sec"), the ingredient name in caps, and a thin progress bar.
- Framing
- Square frame with the title on top, the glass left of center with tick marks for 1, 2, and 3 oz, the step card to its right, and a six-step tracker (ICE, GIN, CAMPARI, VERMOUTH, STIR, PEEL) along the bottom that fills in red. Bottles tilt into the frame from the top left.
- Structure
- Title card "NEGRONI, a 30 second recipe", fill with ice, 1 oz gin, 1 oz Campari, 1 oz sweet vermouth, a 20-second stir with a bar spoon, the orange peel, then "THAT'S A NEGRONI, CIN CIN! 1:1:1".
