Skip to content

Design mode

Capture

Attach the screen, a drawn note, or the HTML of an element. The next prompt receives it as a chip.

Screenshots

  • Crop: crosshair, drag a rectangle, Escape cancels.
  • Camera: one PNG of the whole frame.
  • Freeze: the same still, opened in the annotation overlay. Undo is Ctrl+Z or Cmd+Z. Save is Ctrl+Enter or Cmd+Enter.

Thumbs sit above the input on the chat bar and in the composer. The × on a thumb removes it. Desktop screenshots go through the native shell, so they still work over a cross-origin frame.

Inspector

The pointer tool clicks an element in the preview, or drags a rectangle, and stages the outer HTML. A drag attaches the outermost elements inside the rectangle. Each selection is a chip you can remove.

Remix

Remix asks the selected harness for three variations of an element and shows them in the live page. Arrow keys or the on-screen buttons move between the original and the three variants. Use this stages the one you keep into the chat draft. If generation fails, the panel shows that CLI’s output instead of a generic error.