What problem does it solve? Visual claims about a web build are unverified without actually rendering the page in a real browser. This Skill grounds design verdicts in real computed styles and catches layout bugs that self-review misses, while avoiding two common traps on Windows hosts. ## Core Features & Use Cases - Real Browser Rendering: Serves the project over HTTP and navigates with the Playwright MCP to read computed styles like font-family, background-color, box-shadow, and border-radius. - Responsive Overflow Detection: Resizes to mobile viewport (390x844) and compares scrollWidth against innerWidth to detect horizontal overflow and elements wider than the viewport. - Trap Avoidance: Documents why browser_exec fails on Windows (remote debugging popup) and why file:// URLs are blocked by Playwright, requiring an HTTP server first. - Use Case: After building an HTML landing page, render it at desktop and mobile widths, verify the computed styles match the design intent, and confirm no horizontal overflow before declaring the build done. ## Quick Start Use the web-render-verify skill to serve my project over HTTP and verify it renders correctly at desktop and mobile widths with Playwright.
