What problem does it solve? Visual checks and code searches cannot confirm whether a layout actually renders correctly — browser defaults, inherited styles, and transient loading states are invisible to both. This Skill replaces "looks fine" with measured evidence from the live page. ## Core Features & Use Cases - Computed-value audits: Break down getComputedStyle results across every node to find defects like wrong typefaces that no code search can catch. - Multi-width batch measurement: Run all responsive breakpoints at once inside hidden iframes and compare heights, horizontal scroll, and escaped elements in a single pass. - Waiting-state capture: Substitute and delay fetch responses so loading spinners and skeletons can actually be measured before the request resolves. - Use Case: After editing a responsive form, you batch-measure it at 360–1440px widths, confirm equal row heights and no horizontal overflow, and verify the submit button's loading state by holding its request for five seconds. ## Quick Start Verify the responsive layout of the current page by measuring row heights and overflow across all breakpoints in one batched iframe pass.
