Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Prompt Box to Premiere
A bright, glassy square sting where a typed request in Layerz Canvas turns into a finished launch film in twelve seconds.
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 12-second square product sting (1080×1080, 60 fps) for Layerz Canvas: one typed request becomes a finished launch film. The camera is never parked: each shot starts mid-motion and exits on an accelerating move with a little motion blur.
Look: paper white #FCFCFA, ice #E8F1FB, haze #BFD5EE, navy #1C2B4A, Layerz violet #7C5CFF as the single accent, plus mint #43D19E for the "done" state. System sans, weights 400/600/700, tight tracking on headlines. Glassy panels are white at 80% opacity with a 1 px #FFFFFF rim, a soft shadow and a background blur behind them. No crossfades.
Beats
- 0.0–2.3s: a pale haze clears to white. The lock-up rises from below with a strong ease-out: a white disc (⌀130, 1 px #E3E6EC rim) holding the layered-chevron mark in navy, the words "Layerz Canvas" (600) and a small navy pill "for Mac · iPhone · iPad". A rounded app window (radius 80) fades in behind it, running off the right and bottom edges. A cursor glides in from the top right, decelerates, turns toward the disc, grows 1.5× on hover while a soft ice ring lights up, then presses (shrinks 15%) while the camera pushes in to 1.2× and eases back out.
- 2.3–3.3s: hard cut. The app icon (navy squircle, 260 px) shrinks to 170 px while four rounded squares (white, violet, ice blue, mint) orbit in counter-clockwise and lock into a cross around it. Then everything shrinks hard toward the top of frame.
- 3.3–5.3s: the icon has become an item in a navy Mac menu bar above a navy desktop with thin white line art (one large circle, two rules, a four-point sparkle). The cursor clicks it; a frosted prompt box springs out (overshoot, settles 720×220) and types "Make a launch video for my app" at about 30 characters per second, caret blinking. The send button fills violet.
- 5.3–6.3s: whip-tilt upward with vertical blur through an ice flash into a timeline view: tracks fill with keyframe diamonds left to right, a playhead sweeps across.
- 6.3–8.6s: two stacked cards rise in with blur that clears: "Motion" and "Export", each with a vector cover (wave lines, stacked chevrons) and a glass pill label.
- 8.6–10.0s: a single white disc with the chevron mark rises to centre, holds for 0.6s (the only hold), then shrinks with ease-in.
- 10.0–12.0s: hard cut to black. "Layerz Canvas" in white 600 arrives wide and smeared with zoom streaks (a stack of faded scaled copies), snaps to size with a tight glow, drifts smaller, then collapses into a point as the film ends. Small "layerz.app/canvas" under it from 10.6s.
Craft notes: no frozen frames except the 0.6s disc hold; blur always follows the direction of motion; keep the hard cuts exact so they could sit on a beat; nothing but the end card is dark.
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.