Claude at the Controls

Build this in Layerz Canvas using the layerz-canvas MCP.

Create a 20-second product film at 1920×1080, 60 fps: we watch Claude build a title card in Layerz Canvas while a heads-up display (HUD) logs each action it takes, in real time.

Look: dark studio #0F1013, canvas area #FAFAF7, Claude clay #D97757 for the HUD, violet #7C5CFF for Layerz Canvas selection handles, teal #2DD4BF for "done" ticks. Monospace for the HUD, system sans 700/400 for the design. Thin 1 px HUD lines with corner brackets.

Layout: the Layerz Canvas window fills the left two thirds; a translucent HUD column sits on the right with a header "CLAUDE · LIVE" and a pulsing clay dot.

Beats
- 0–2s: HUD boots: corner brackets draw on, the header types, a line reads "brief: title card, 'Night Market'".
- 2–5s: HUD logs "new artboard 1920×1080"; the canvas area expands from a point. Log "background #1B1033" — the artboard floods deep purple.
- 5–9s: log "draw lanterns ×5"; five lantern shapes (rounded rectangles with tops) pop in one by one along a sagging string path that draws on. Violet selection boxes flash around each as it's created.
- 9–12s: log "title, 900 weight"; "NIGHT MARKET" drops in per letter. Log "animate: drop, stagger 0.05s" with a tiny timeline bar filling inside the HUD.
- 12–15s: log "glow on lanterns"; lanterns gain warm glow one by one, and 60 sparkle particles drift up.
- 15–18s: log "export mp4"; a progress bar in the HUD fills, a teal tick appears. The camera pushes into the finished title card so it fills the frame.
- 18–20s: end card: "Claude × Layerz Canvas", HUD brackets closing around it, small "layerz.app/canvas".

Craft notes: each HUD line appears exactly when its action starts on the canvas; HUD text is never longer than one line; only one action at a time; the clay dot pulses faster while Claude is working, steady when idle.