Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Ten Bars, One Accent
A restrained 20-second Layerz Canvas launch cut on a 120 BPM grid: one idea per bar, one accent colour, cut hard on every downbeat.
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.
Create a 20-second Layerz Canvas launch film at 1920×1080, 60 fps, cut to a supplied 120 BPM track: ten bars of two seconds each, one idea per bar. Use the track's beat markers so every cut lands on a downbeat and every UI hit on a beat.
Look: high-end minimal. Off-white #F5F4F0 for the first two bars, then near-black #0E0E10 after the drop. One accent only: Layerz violet #7C5CFF. One clean system sans, 700 for statements, 400 for labels, tracking −2%. Lots of empty space. On-screen text never ends with a period. Avoid: shockwaves, particle bursts, RGB split, camera shake, flares, neon glows, grid floors, bouncy easing. Masked reveals (text rising inside a clipping frame) and match cuts only.
Bars
1. "Design. Animate. Record." lands word by word on beats 1, 2, 3, each word rising out of a mask.
2. The word "Animate" match-cuts into a Layerz Canvas window built from shapes: a canvas, a layer list, a timeline. A cursor types "Hero sting" into a title field and clicks a violet Export button on beat 4.
3. Drop: a violet circle opens out of the button and fills the frame, then turns black.
4. A wall of 15 vertical thumbnails (vector mini-scenes: type posters, charts, phone mockups) scrolls upward; a thin scan line sweeps down and three thumbnails get violet outlines.
5. One word fills the frame: "Everywhere", masked in, tracking tightening from +20% to −2%.
6. The three winners fan into a 2.5D carousel (rotationY ±35°), whip right with motion blur and land on one hero card.
7. The hero card slides into an iPhone frame on the left; on the right a panel flips (rotationX) to reveal export formats: MP4 · MOV · GIF · Lottie · HTML.
8. Three statements on push cuts, one per beat pair: "One canvas", "Every frame", "Any format".
9. A slow ticker scrolls "design motion record" left in huge outline type.
10. The chevron mark draws on, the wordmark "Layerz Canvas" rises beside it, then everything fades to black on the last beat.
Craft notes: exactly one camera move per bar; every element enters with an ease-out and leaves with an ease-in; no hold longer than half a bar; the accent appears at most once per bar.
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.