Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
What's New, in Twenty-Five Seconds
A 25-second update reel for Layerz Canvas that unwraps one feature per beat on a phone and Mac frame.
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.
A 25-second "what's new" reel (1920×1080, 60fps) for a Layerz Canvas update. Each feature gets one quick, self-contained demo built from shapes and text, shown on a phone or a desktop window.
Look: cream #FBF8F2 stage, ink #1B1B1F, accent tangerine #FF7A2F, violet #7C5CFF for AI. Rounded cards (radius 24) with soft shadows. Bold rounded sans for headers.
Beats:
- 0.0–2.5s: a small gift box drops in, the lid pops off on a spring and a ribbon of text unrolls: "What's new in Layerz Canvas".
- 2.5–6.5s: Feature 1, "Path morphing". In a desktop window a circle morphs into a star, then into the chevron mark; a small caption counts "1 / 5".
- 6.5–10.5s: Feature 2, "Kinetic type". The word "hello" in the window rises letter by letter, then waves; the caption flips to "2 / 5".
- 10.5–14.5s: Feature 3, "Device frames". The window slides left and a phone frame slides in from the right with a mini app list scrolling inside.
- 14.5–18.5s: Feature 4, "Beat markers". A waveform under the phone sprouts violet ticks and the scrolling list snaps one row per tick.
- 18.5–22.0s: Feature 5, "Export anywhere". Format chips MP4, GIF, Lottie, HTML, SVG fly out of the window and stack like cards.
- 22.0–25.0s: all five feature cards fan out in a row, then collapse into the chevron mark; "Update now" and "layerz.app/canvas" beneath.
Craft notes: every feature demo is 4s: 0.5s in, 3s of action, 0.5s out; the counter is always in the same place; never two demos visible at once.
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.