Features

Visual tools for editing code through the browser

SelectHover over any element to highlight it. Click to select. UiToolbar identifies the React component, its file path, and line number — then sends that context to your AI agent.

EditDouble-click any text to edit it inline. Changes are sent to your agent to update the source file. Works with static text, dynamic content, and component props.

MoveDrag elements to reorder them within their container, or use freeform mode to position elements with CSS. Drop zones show valid insertion points.

RotateGrab corner zones to rotate elements. Rotation values are applied as CSS transforms on the source element.

ScaleDrag handles to resize elements. Width, height, and aspect ratio are updated in the source CSS.

Multi-selectHold Shift to select multiple elements. Apply bulk operations or send all selected elements as context to your agent.

Alignment snappingSmart guides appear when dragging elements, snapping to edges and centers of sibling elements for pixel-perfect positioning.

Agent streaming

When you send a change to an agent, the side panel shows a real-time streaming view of the agent's work — similar to Claude's CLI interface. Steps collapse into "Thought for Xs" after completion, and changed files are listed with diff stats.

Per-session undo

Every agent session is tracked via git. You can undo any session to revert the changes it made, without affecting other work.