Eyes - Visual Feedback Loop

Use Playwright MCP to capture screenshots and collaborate with users on visual refinements. Always confirm before making changes.

Workflow

1. Capture current state — Use Playwright MCP browser_take_screenshot to capture the current page or element to better understand the users questions or requirements.

2. Gather specific feedback — Ask what needs adjustment: "Looking at this screenshot, what specifically would you like changed?"

3. Propose changes clearly — Describe intended modifications with specifics:

   • Bad: "I'll fix the spacing"
   • Good: "I'll increase the gap between cards from 16px to 24px and add 32px padding to the container"

4. Confirm before implementing — Use AskUserQuestion to get explicit approval. Never modify code without confirmation.

5. Verify with comparison — After changes, capture a new screenshot to confirm the fix has been made.

Playwright MCP Tools