What problem does it solve? After writing or editing markup, it is hard to know whether the page is actually correct without manually eyeballing screenshots. This Skill runs deterministic verification gates in headless Chromium that measure the DOM and pixels directly, then print a machine-parsable kickback listing each defect with its selector and measured value, so you fix exactly what is named and re-run until clean. ## Core Features & Use Cases - Broken-page detection: vlmkit check integrity scans three viewports for JS errors, empty renders, failed resources, text collision/clipping, overflow, occlusion, and unstyled pages — no API key or reference design required. - Copy, layout, and behavior gates: verify exact copy against a manifest, structural contracts, responsive breakpoint sweeps, scroll behavior, keyboard operability, ARIA state transitions, and drag-and-drop wiring. - Design-target verification: compare an implementation against a target screenshot with verify markup, list missing or misordered components with build page, and converge single component crops. - Use Case: You just built a landing page from a brief. Run npx vlmkit check integrity page.html, fix the reported [page-overflow-x] and [text-collision] findings, then run the copy, scroll, handlers, and interactions gates until every one reports clean. ## Quick Start Ask the agent to verify the HTML page you just edited by running the vlmkit integrity, copy, scroll, handlers, and interactions gates and fixing every reported defect until all gates pass.
