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.