Fix Broken UI Fast - 2 Ways That Actually Work

Demonstrating two different ways to let Claude Code see and fix your UI bugs. Manual screenshot pasting for quick fixes, or Playwright MCP for automated visual context. I hit the same layout bug with both approaches. One took seconds with a simple paste, the other let Claude navigate and screenshot on its own. Here's what actually happened. The manual approach is dead simple - paste an image, Claude sees the problem, fixes the code. The MCP approach requires setup but then Claude can login, navigate, and take its own screenshots to verify fixes. Quick comparison: image paste is faster for targeted fixes, Playwright MCP is better during feature development when Claude needs ongoing visual context. https://github.com/microsoft/playwright-mcp 1:07 Method 1: Image Paste 3:10 Method 2: Playwright MCP 6:27 Which Approach to Use