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

From Thread to Cloth

A 30-second explainer in vector weaving: single threads cross, interlace into patterns and build a finished handwoven textile.

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 30-second, 1280×720, 60 fps explainer for a first-time viewer about how handwoven cloth is made, drawn entirely with vector lines and shapes.

Look: warm undyed cotton background #EFE6D6, indigo #23356B, madder red #A8322D, turmeric #D9A23A, leaf green #5E7A3A, ink #2A2420. Threads are 6 pt rounded strokes with tiny darker edge lines for texture. Type: SF Pro Display Medium headings, small SF Pro Text captions.

Beats:
- 0–4s: a single indigo thread draws itself across the frame with a gentle wave. Caption: "It starts with one thread."
- 4–9s: vertical threads (warp) drop in one by one, 16 across, tensioned with a little spring. Caption: "Warp: the threads held tight."
- 9–15s: a shuttle shape glides left to right carrying a red weft thread that weaves over-under through the warp; the warp threads lift and lower in alternate sets (a simple loom shed). Each pass, the beater bar presses the row down. Rows build up at 2 per second. Caption: "Weft: woven over and under, row by row."
- 15–20s: the colours change as rows pass: turmeric, green, indigo, forming a diamond motif that emerges row by row.
- 20–25s: camera pulls back: the woven piece becomes a full scarf draped in a gentle curve, fringe swinging. Caption: "Days of work in every metre."
- 25–28s: three small icon cards slide in with labels: "Natural dyes", "Hand looms", "Made by artisans".
- 28–30s: end card "Handwoven, thread by thread." and small "Made with Layerz Canvas".

Craft notes: the over-under logic must be correct (alternating per row); the weave grows at a steady pace that feels like work being done; captions always appear before their action begins.

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.