Skip to lesson
Exit
Design Mode Visual Editing1 / 2

2 min lesson

Edit what you can see beside the agent

Use "Start with this check: The selected element or multi-selected group is the area that changed" to describe the practical rule.

Step 1 of 2

The job: you can make a targeted visual change while preserving the design system. Start with this check: The selected element or multi-selected group is the area that changed. Keep it small enough to check the result yourself instead of taking the summary on trust.

Edit the cart on the running page

0:21 · narrated
Read this demo as text
  1. Browser already has the cart open. Visual work starts from the running page beside the agent.
  2. Ask to align Apply with SAVE10 on that page. The answer names the Coupon card you can see — not a guess from typecheck.
Keep the cart open in Browser and ask for a visual align on the coupon row — edit what you can see beside the agent.

Practice next: Open Browser on a running page, name the control to change, and check the answer cites on-page UI — not a typecheck-only guess.

Simulated Cursor 3.12 (macOS, light) — beta educational reconstruction, not the real product.