Gallery
Built by Claude with the Layerz Canvas MCPFully editable .lcanvas

Chev's Skills Tour

A character-led reel where Chev, a little chevron mascot, hops through drawing, animating, type, charts and export in Layerz Canvas.

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 character-led skills reel, 1920×1080 at 60 fps: "Chev", a small chevron-shaped mascot, hops through a tour of what Layerz Canvas can do, with a skill card at each stop.

Look: soft lilac stage #EEEAFE, deep ink #1E1B3A, violet #7C5CFF, sunny accent #FFC83D, mint #3DDC97. Chev is a rounded violet chevron with two dot eyes and thin stick legs; he blinks every 2–3 seconds. SF Pro Rounded Bold for all type.

Beats:
- 0.0–3.0s: Chev drops in, squashes, blinks and waves one leg. "Things I can do" rises in word by word.
- 3.0–7.0s: Skill 1, Draw: Chev runs left while a pen path draws a star behind him; the star morphs into a heart.
- 7.0–11.0s: Skill 2, Animate: Chev hops along a timeline strip; every landing pops a keyframe diamond, and a ball above him moves to match each diamond.
- 11.0–15.0s: Skill 3, Type: the letters of "KINETIC" rain down; Chev catches the K and the rest bounce off his head in a wave.
- 15.0–19.0s: Skill 4, Charts: Chev climbs a bar chart as it grows, plants a small flag on the tallest bar, and a counter rolls to 100%.
- 19.0–22.0s: Skill 5, Export: Chev pushes three file tiles (MP4, GIF, HTML) off a ledge into a box; confetti bursts.
- 22.0–25.0s: Chev turns to camera, does a tiny spin and lands in place as the Layerz Canvas chevron mark; the wordmark appears beside him. Hold 1s.

Craft notes: Chev always anticipates with a squash before a jump and wobbles after landing; the camera follows him in one continuous pan, no cuts; skill labels sit on identical cards in the top-left corner each time.

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.