Browse docs

Workflows

Browser preview workflow

Browser preview tightens the edit-test loop for web work by keeping runtime feedback beside the conversation.

When to use browser preview

  • Use split layout for web apps, UI bugs, interaction regressions, and responsive checks.
  • Stay on default layout for backend-heavy or non-visual tasks.
  • Use screenshot/select-element tools when you need precise visual references.

High-speed preview loop

  • Navigate preview to the exact state you want to validate.
  • Request targeted changes (one behavior at a time).
  • Verify immediately in preview before moving to the next change.

Avoid mixed validation scopes

Do not combine broad backend redesign and pixel-level frontend tuning in one continuous prompt stream.