Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Bitter Red, Built Layer by Layer
A 30-second square recipe explainer that builds a stirred bitter red aperitivo cocktail from empty glass to garnish, with measurements on screen.
Vector shapes and keyframes playing live in your browser — no video file. Click it to pause.Open full screen
The prompt behind it
Claude made this from the prompt below, working directly in Layerz Canvas through its MCP server. Paste it into Claude (Claude Code or Claude Desktop) with the Layerz Canvas MCP connected and it builds a new take on the same canvas — then you take over. Connect the MCP server
Prompt
Build this in Layerz Canvas using the layerz-canvas MCP.
Make a 30-second, 1080×1080, 60 fps explainer that builds a classic equal-parts bitter red cocktail from an empty glass to the finished drink.
Look: cream background #F4EDE1, flat vector illustration with 4 pt ink outlines #2B1E16. A low tumbler (rocks glass) sits centre-bottom, drawn as a slightly tapered shape with a pale blue-grey tint at 25% opacity and two white highlight strokes. Type: SF Pro Rounded Bold for numbers, SF Pro Text for labels. Liquid colours: gin #E9F1F0, sweet vermouth #7A2A1C, bitter red aperitivo #D7262E, final drink #B5202A.
Beats:
- 0–3s: title "Bitter Red" drops in letter by letter; the empty glass draws on with a stroke animation underneath.
- 3–7s: a large clear ice cube tumbles in with a small spring settle, then two more stack up. Label: "Ice: fill the glass".
- 7–12s: a jigger tilts from upper right and pours a thin stream. The liquid level inside the glass rises behind the ice (a frame clips it to the glass). Counter "30 ml" ticks up beside a label "Gin".
- 12–17s: same move for sweet vermouth, 30 ml. The liquid colour blends in steps from clear toward dark red.
- 17–22s: same move for bitter red aperitivo, 30 ml. Colour settles at #B5202A. A tiny running total "90 ml" sits in the corner.
- 22–25s: a bar spoon dips in and stirs: the liquid surface wobbles, the ice rotates slightly, 6 gentle cycles. Label: "Stir 20 seconds".
- 25–28s: an orange peel swoops in, twists (rotation plus scale squash), sprays a few tiny citrus droplets, and rests on the rim.
- 28–30s: camera eases in 10%; the full recipe card fades in at left: "30 ml gin · 30 ml sweet vermouth · 30 ml bitter red aperitivo · orange peel". Small "Made with Layerz Canvas" in the bottom corner.
Craft notes: every pour lasts the same length so the rhythm is clear; liquid never escapes the glass outline; labels enter 0.2s before their pour starts and fade when the next one begins.
Edit it yourself
Change colours, text and type in the inspector.
Drag keyframes, reshape easing curves and retime any move.
Ask Claude for changes through the MCP, then fine-tune by hand.
Export it as an image, a video, Lottie or a web page like this one.