Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Give a Brief. Claude Builds.
A 20-second hero video where a one-line brief goes in and Claude assembles a finished poster in Layerz Canvas, click by click.
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 20-second, 1920×1080, 60 fps hero video with the tagline "Give a brief. Claude builds." It shows Claude operating Layerz Canvas from a single sentence.
Look: dark UI #101114 with panels #1A1C21, text #F2F2F2 and #8B8F98, Claude accent #D97757, Layerz AI violet #7C5CFF for anything Claude is actively touching. SF Pro Display for headlines, SF Mono for the brief and code. A crisp virtual cursor with click ripples.
Beats:
- 0.0–2.5s: three words stamp in one by one on black, centred and big: "Give a brief." Then they slide up and a second line follows: "Claude builds."
- 2.5–5.0s: the text shrinks into a chat input at the bottom of a Layerz Canvas window. The brief types out: "A concert poster for a jazz night, two colours, bold type." Enter.
- 5.0–8.0s: a small activity strip appears top right in violet: "Creating artboard", "Adding shapes", "Setting type". Each line gets a check as it completes. A code panel on the right scrolls a few lines of tool calls in monospace.
- 8.0–14.0s: the cursor moves on its own across the artboard. Click: a big circle drops in. Click: a horn silhouette draws on with a stroke. Drag: the title "LATE BLUE" is resized and tracked out. Click: the palette swaps to navy #1B2A4A and amber #F2A93B. Every action is visible and quick; the poster takes shape in 5 seconds.
- 14.0–17.0s: the camera pushes into the finished poster; a keyframe timeline slides up from below and the poster animates once (title rises, circle pulses).
- 17.0–20.0s: pull back to the full window, then crossfade to an end card: "Give a brief. Claude builds." with the chevron mark, "Layerz Canvas" and "Works with Claude" underneath.
Craft notes: the cursor always travels with ease-in-out and never teleports; every click produces a visible change within 0.1s; the activity log and the canvas stay in sync.
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.