Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Beat-Cut Type Reel
A 15-second kinetic type reel cut precisely to music using Layerz Canvas beat detection and markers.
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 15-second, 1920×1080 kinetic typography reel that shows off beat-synced editing in Layerz Canvas. Import the supplied track, detect its beats and place a marker on each one; every event below is locked to a marker.
Look: black #050505, white #FFFFFF, one hot accent: acid yellow #EDFF3B. Type: SF Pro Display black in uppercase, SF Mono for small counters. Sparkle particles in yellow only.
Beats (roughly 32 beats in 15s):
- Beats 1–4: A single word per beat, full frame, hard cut: "HEAR", "THE", "BEAT", "?". Each word scale-pops from 110% to 100%.
- Beats 5–8: "SEE" "THE" "BEAT" stacks vertically, each line sliding in from alternate sides. On beat 8 the yellow bar wipes across.
- Beats 9–16: Kick pattern. A yellow square at centre pulses on every beat; on off-beats, a ring expands from it. A beat counter in SF Mono counts 09…16 in the corner.
- Beats 17–24: The word "LAYERS" splits into six letters that drop in one per beat and bounce, then on beat 24 they spin into a wave.
- Beats 25–28: Build: tracking on "LAYERS" opens wider each beat, camera zooms in 10% per beat, sparkles thicken.
- Beat 29: Drop. Yellow flash frame, burst of sparkles.
- Beats 30–32: The Layerz Canvas chevron mark in yellow on black, "MADE ON THE BEAT IN LAYERZ CANVAS" in small white type underneath.
Craft notes: no animation crosses a beat boundary without a reason; between beats, motion decays with ease-out; one accent colour only; keep words centred and huge.
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.