What problem does it solve? Visual changes to a web app (layouts, colors, icons, new components) are often edited blind and shipped without confirmation that they actually render correctly. This Skill encodes a working local preview loop so you can inspect the rendered result before shipping. ## Core Features & Use Cases - Local Preview Server Setup: Configure a static server via launch.json to serve the app and start a named preview session. - Login and Navigation Automation: Log in with admin credentials, persist sessions via localStorage, and click navigation elements by text using synchronous eval. - Layout Verification Without Screenshots: Work around screenshot timeouts by using computed styles, bounding boxes, and synchronous eval to detect overflow, overlap, alignment, and color issues. - Use Case: After changing a tabloid layout component, rebuild the bundle, bump the cache-busting query param, then measure real element bounding boxes against the container to confirm nothing overflows before shipping. ## Quick Start Ask the assistant to start the local preview, log in as admin, and verify that the new layout change renders correctly without overflow.
