Claude Tiles the Studio

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

A 20-second showreel (1920×1080, 60fps): Claude, working inside Layerz Canvas, organises a messy studio into a perfect tiling layout and sends each request to the right kind of artboard.

Look: graphite background #16161A, panel grey #24242B, chalk text #EDEDF0, Claude violet #7C5CFF for anything the AI touches, plus one highlight per tile (mint #3DDC97, amber #FFB547, sky #4EA8FF, coral #FF6B6B). System sans for UI, mono for code.

Beats:
- 0.0–2.5s: chaos. Twelve small artboards lie scattered and overlapping at random angles. A violet prompt bar slides up: "Claude, tidy my studio." The cursor-less text types on.
- 2.5–6.0s: tiling. Every artboard springs to a 4×3 grid, rotations snapping to 0°, staggered 40ms from the top-left; then the grid re-tiles into a bento (one 2×2 hero, the rest small) with a softer spring.
- 6.0–10.0s: routing. Four request chips drop in from the prompt bar, "chart", "code", "phone", "logo". Each chip glows violet, flies along a curved path to a tile, and the tile fills: a bar chart grows, a code block types three lines, a phone frame slides a list, a chevron logo draws on.
- 10.0–13.5s: camera focus moves tile to tile, 0.8s each, with a small push-in; a label "picked: chart" etc. appears in mono beside each as it lands.
- 13.5–16.5s: the bento compresses into one tall timeline: every tile becomes a coloured clip, and a playhead sweeps across while the tiles pulse in order.
- 16.5–20.0s: pull back to a single artboard: "Claude × Layerz Canvas" with the chevron mark and a small violet spark, then "layerz.app/canvas".

Craft notes: violet means Claude, always, and nothing else is violet; tiles keep a fixed 16px gutter in every layout; one camera move at a time.