Layout diagnostics across all breakpoints (text-only)
detect_layout_matrixAudit a page's responsive layout across all breakpoints in one call, flagging overflow, clipped text, collisions, and undersized tap targets. Returns unique selectors and annotated screenshots for each affected viewport.
Instructions
Zero-image layout diagnostics across all four breakpoints in one call. An in-page script measures the DOM and flags horizontal overflow, container spill or clipping, silently truncated text, destructive collisions, and sub-44px tap targets on mobile. Findings carry unique, addressable selectors. With annotate (default on), each breakpoint with findings also gets a red-outline render saved to disk and reported by path, costing no image tokens.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Absolute URL to open, e.g. http://localhost:5173. | |
| reload | No | Reload even if the URL is already open (default reuses it, so it can be stale after an edit). | |
| annotate | No | Default true: viewports with issues also get an annotated screenshot saved to disk. Never returned, so it costs no image tokens. | |
| maxIssues | No | CI gate: mark the response a FAILURE when issues exceed this (0 = must be clean). Omit to report without a verdict. | |
| ignoreSelector | No | Selector(s) to exclude from the audit, string or array. Matches and their descendants are suppressed and counted — silences known noise like a cookie banner. |