getting started

Capturing references

A capture is more than a screenshot — Zaai Dev pulls the palette, fonts, HTML, motion, and media alongside the pixels, so your agent gets real values, not a flat image.

Capture types

Pick a mode from the side panel. All four are available locally; pushing them needs a connected workspace.

  • Viewport — the visible area of the current tab.
  • Full page — the whole scrollable page, scroll-stitched into one image.
  • Element — click Inspect, hover the page, and click an element to grab it with its outerHTML, computed CSS (~47 properties), and hover/focus/active state styles.
  • Composite — in Inspect mode, Shift-click several elements then click normally to commit them as one capture.
  • Region recording — click Record, draw a rectangle, and capture a short video of just that region (no audio). An ultra quality preset records at 60fps.

What gets extracted

  • Page level — dominant palette, fonts in use, section map (header / hero / nav / footer), full HTML, and a motion vocabulary (keyframes plus detected libraries like Framer Motion, GSAP, Lottie).
  • Element level — outerHTML, computed CSS, transitions and animations, hover/focus/active diffs, and media (videos, images with srcset, background images, carousels).
  • Structure — the Layer-Explorer teardown: a node map with depth, rects, selectors, and component hints.

3D renders & Layer Explorer

The 3D Layer Explorer and render views live in the workspace, not the extension — open a pushed capture in your project to explode it into layers and save a render back as a project capture.

Push to a project

With a project selected in the picker, click Send to project on a capture. It lands in your workspace in a couple of seconds; if you're offline it's queued and retried automatically when the network returns.

privacy

Form field values, hidden fields, and inline scripts are blanked before a capture is stored. Visible page text is kept (redaction can't tell PII from layout text), so avoid capturing pages showing sensitive information. See the FAQ.