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

Claude Applies as a Motion Designer

A witty 15-second application reel: Claude opens Layerz Canvas and answers the brief 'show us your skills' with five quick craft demos.

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 15-second application reel at 1920×1080, 60 fps: Claude is applying to a motion studio and answers "show us your skills" by building the reel live in Layerz Canvas.

Look: studio grey #1B1C20, paper white #F5F3EE, Claude clay #D97757 for Claude's chat and cursor accents, violet #7C5CFF for Layerz Canvas UI, butter #FFD86B as the fun accent. System sans 800/500; monospace for the chat.

Beats
- 0.0–2.0s: a chat bubble on paper white: "Brief: show us your skills. 15 seconds." A reply types under it in clay: "On it. Watch the canvas." The bubble slides left and a Layerz Canvas window opens to fill the frame.
- 2.0–4.0s: Skill 1, "Type": the word "HELLO" drops in per letter with a spring, then waves.
- 4.0–6.0s: Skill 2, "Shapes": a circle morphs into a star, then into a heart, then back to a circle, each morph 0.6s.
- 6.0–8.0s: Skill 3, "Timing": three balls bounce side by side: linear, ease-out, spring. Labels under each. The spring one lands last and best.
- 8.0–10.0s: Skill 4, "Camera": the view zooms through the circle into a new scene of ten floating cards and pans across them.
- 10.0–12.0s: Skill 5, "Particles": the cards burst into butter and clay confetti.
- Each skill has a small numbered label top left (1/5 … 5/5) and a progress bar along the bottom that fills in clay.
- 12.0–15.0s: the window shrinks back into the chat. Claude's last message types: "References available on request." Beneath it, a small sign-off card: "Claude × Layerz Canvas". The progress bar completes and pulses once.

Craft notes: keep it light and confident, never boastful; every skill demo is exactly 2s with a hard cut; the cursor is clay so we always know Claude is driving; no fake client names or numbers.

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.