Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Studio Wall Flythrough
A 30-second camera flight across a giant canvas of Layerz app icons and screens, ending on the Layerz studio mark.
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 30-second studio reel for Layerz at 1920×1080, 60 fps, filmed as one continuous camera flight across an enormous design canvas, the kind of board a studio pins its whole body of work to.
The board: a 9000×5000 dark canvas #101114 with a faint dot grid (#1E2026 dots every 40 px). Pinned on it, each as a named group: five app "posters" for the Layerz apps — Layerz Canvas, App Designer, Moki, Lunar and PDF OCR. Each poster is a rounded card 900×1100 with its own accent (Canvas violet #7C5CFF, App Designer blue #3B82F6, Moki coral #FF6B57, Lunar silver #C9CED8, PDF OCR mint #3CCB9A), a simple vector icon you design (chevron stack, phone outline, rounded blob, crescent, page with scan line), the app name in 700 and one plain descriptive line. Between posters: sticky-note sized type fragments, measuring lines, arrows and loose shapes, like a real working board.
Beats
- 0–3s: black. A single cursor appears and clicks; the canvas fades up around it, already drifting.
- 3–24s: the camera visits each poster in turn (about 4s each). On arrival the poster comes alive: Canvas — a path morphs circle→chevron and a timeline playhead sweeps; App Designer — a phone frame's screens slide through three layouts; Moki — the blob squashes and blinks; Lunar — the crescent phases across seven small moons; PDF OCR — a scan line passes down a page and grey lines turn into crisp text bars. Between stops, the camera travels with motion blur, rotating slightly (±4°) and zooming out to 0.6× mid-flight to show the scale of the wall.
- 24–30s: the camera pulls all the way out; all five posters are visible, then they slide together into a row and fold into one layered-chevron mark; "Layerz" sets in 700 beneath, "layerz.app" in 400.
Sound-design cue for the editor: soft whoosh per flight, a tick on each arrival (not required for the build).
Craft notes: the camera always eases out into a stop and eases in out of it; never two things animating on a poster at once; type on the posters stays legible at 1×; hold the final lock-up 1.5s.
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.