Inspect localhost UI
inspect_localhost_uiInspect a local web page by capturing a screenshot, console errors, and a DOM snapshot with CSS classes to debug layout, responsive breakpoints, and hydration issues.
Instructions
Gives you eyes on a locally running web app. Opens the URL in a headless Chromium browser and returns (1) a screenshot of the rendered page, (2) any console errors/warnings and failed network requests, and (3) a token-optimized DOM snapshot that preserves ids and CSS/Tailwind classes. Use it to verify or debug UI work instead of guessing: layout and alignment bugs, overflow, spacing, responsive breakpoints, hydration errors and missing assets. Read the classes in the DOM snapshot before proposing a fix so you edit real selectors. Only local addresses (localhost / private network) are permitted.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Local URL to inspect, e.g. http://localhost:3000 or http://localhost:5173/dashboard. Must be localhost, 127.0.0.1, or a private-network address. | |
| delay | No | Milliseconds to wait after page load before capturing, to allow hydration, animations or data fetching to finish. | |
| fullPage | No | Capture the entire scrollable page instead of just the viewport. Useful for long landing pages; produces a taller image. | |
| viewport | No | Viewport to emulate: desktop (1920x1080), tablet (820x1180) or mobile (390x844). Use mobile to debug responsive layouts. | desktop |