Toolbar ⌘I

An injected toolbar overlay visible on your app during development only. It's draggable to any corner of the screen.

Context tools

These three modes let you give context to the agent directly from the page.

Select S

Click any element to select it, or hold and drag to marquee-select multiple elements. Provide written feedback on what you want to change and click "Add" (or Cmd+Enter). Blue numbered badges appear on annotated elements.

Draw D

Draw freeform lines and shapes directly on the page. This mode is designed for looser, more free-form direction that doesn't target specific components — use it to circle areas, sketch layouts, or indicate visual changes that are hard to describe by selecting individual elements.

Move M

Drag any element to a new position. Each move is recorded in the pending batch with before/after coordinates.

Undo U

Reverts your most recent action — whether it was an annotation, a drag move, or a deletion.

Clear X

Discards all queued changes at once.

Copy C

Copies structured markdown to your clipboard. Paste into Cursor, Codex, or any AI coding tool — useful as a workaround when you're not using the MCP integration.

Iteration management

These tools manage the worktree lifecycle:

Fork

Create 3 iteration worktrees, each with its own branch, dependencies, and dev server on a unique port.

Pick

Merge the desired iteration back to your base branch and remove the rest.

Discard

Keep original, remove all iteration worktrees.

Iteration tabs

When multiple iterations, or worktrees, exist, tabs appear at the top of the toolbar. Each tab shows the iteration name and a colored status dot:

Green means the tab's dev server is running. Yellow means it's starting up. Red means there was an error.

Click a tab to switch which iteration iframe is displayed. Annotations are scoped to the active iteration.

Keyboard shortcuts

All single-key shortcuts are active when the toolbar is open and no text input is focused.