Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Canvas Gallery Camera Tour
A 23-second camera tour along a vector-built exhibition wall of Layerz Canvas motion pieces, cut to 120 BPM and ending with a copied prompt that becomes the layerz.app/canvas address.
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 23-second 1920×1080 promo, 60 fps, cut to a 120 BPM track (one bar = 2s). Idea: a showcase of motion pieces made in Layerz Canvas, presented as an exhibition wall that the camera walks along, steps into, and leaves with a prompt in hand.
Look: warm off-white wall #F6F5F1, ink #161616, quiet grey labels #8A8A85. Accent: a single signal red #E8432E, reserved for the progress dot under the active frame, the cursor ring and the final URL's separator. System sans (semibold for titles, regular for labels) and a monospaced face for prompt text. Lay out every artwork once on a long horizontal wall: nine framed pieces of mixed sizes hung on a shared centre line, each with a 2 px ink frame, a soft 6% shadow and a small museum label underneath (title plus "Made in Layerz Canvas"). Inside every frame a short vector loop runs: an orbiting dot trio, a donut chart filling, a wave of squares, a line of code typing, a confetti puff, a chevron folding. Offset each loop's start so no two neighbours reset together.
Beats:
- 0–2s (bar 1): black screen; a single red dot pulses on the downbeat, then the camera reveals it is the progress dot under the first frame as the wall fades up.
- 2–8s (bars 2–4): a slow lateral dolly to the right along the wall, about 260 px per bar, with a gentle ease-in-out per bar. Labels ride up 8 px as their frame passes centre.
- 8–10s (bar 5): the camera stops, then dives straight into the fifth frame; its border slides out past the edges so the piece owns the screen.
- 10–13s (bars 6 to mid-7): drop. Four full-screen pieces swap on every half bar with hard cuts, each a different palette.
- 13–15s: the fourth piece settles back into its frame on the wall in a reverse dive. A cursor with a red ring drifts in and taps the label.
- 15–18s: the label unfolds downward into a card holding the piece's prompt in monospace. The camera tilts down to it; one line gets a red underline drawn left to right. The cursor taps "Copy"; the word swaps to "Copied" with a 0.15s scale tick.
- 18–23s: the wall dims to 20%. The "Copied" chip floats to centre, stretches and retypes itself as layerz.app/canvas. The Layerz Canvas chevron mark draws on above it with the wordmark beside it; three miniature frames slide in along the bottom edge. Hold the last frame 1.5s.
Craft notes: one camera motion at a time, and it always settles before the next starts; every change lands on a beat; flat colours only, no glossy panels or springy lettering; no statistics or claims beyond the copy above.
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.