Agent
Design mode
Point at the running page and describe the change there.
Design mode is for interface work you can see. Click an element, mark a region, or say the change out loud. Tetrarch edits the code behind what you pointed at.
Open it
Open the browser, then press Cmd+Shift+D on Mac or Ctrl+Shift+D on Windows and Linux. The same shortcut leaves Design mode.
How you point
- Click one element and talk about that element
- Select several when the change is about how they relate
- Draw on the page to mark a region. Tetrarch sees the frame you marked
- Hold the microphone and narrate the next change, even while an edit is still running
Shift+drag selects an area. Cmd+L on Mac, or Ctrl+L on Windows and Linux, adds the element to the chat. Option+click on Mac, or Alt+click on Windows and Linux, adds it to the input.
Keep moving
Send the next note as soon as you see it. Tetrarch can work on more than one part of the page, and the running app updates as each edit lands.