Tweaking styles with the Steer tool

Steer lets you show a change before describing it. Point to an element, choose a design property, and preview a value. Your agent receives the staged change when you send the pending work.

Shake your mouse to quickly switch between Steer and Chat, so you can move between tweaking styles and leaving feedback.

Stage a change

1. Choose Steer (S) and point to the element you want to adjust.
2. Choose a family, narrow to a property, and choose a value.
3. Click the target or press Enter at the value level to stage the preview.
4. Press Command/Control+Enter to hand it off, alone or with comments.

The preview changes what you see in the browser. It is not a saved source-code edit until your agent implements it.

Choose a family

Use the keyboard or handles

Within the dial, Q and E move between properties. A and D, or the arrow keys, move between values. W or Enter goes deeper or applies; S or Escape goes back.

At the value level, padding, margin, gap, radius, and transform controls expose drag handles. Hold Shift to snap or constrain the change. For spacing and radius handles, hold Option/Alt or Control to isolate the touched side, axis, or corner.

Hold Command/Control while pointing to pass through the default target to the deepest element under the pointer.

Refine before sending

Use Command/Control+Z to undo a pending change and Command/Control+Shift+Z to redo it. Right-click a staged change in its annotation rail to remove that item.

Add a comment when the preview alone doesn't explain your intent: “Keep this spacing on mobile too,” or “Use the existing layout rules rather than a fixed position.” Your agent still needs to reconcile the preview with the application's code and behavior.

Next: Creating annotations with the Chat tool.