Extract responsive behavior
extract_responsiveExtracts CSS breakpoints, media query summaries, and layout trees at multiple viewport widths, with optional screenshots, to reveal responsive design.
Instructions
Extract how a website adapts across screen sizes: its breakpoints derived from @media rules, a summary of each media query (condition, rule count, sample selectors), and a layout tree captured at each requested viewport width. With outputDir, also saves a screenshot per width.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Absolute http:// or https:// URL to analyze. | |
| widths | No | Viewport widths to capture layout at. | |
| maxDepth | No | Maximum layout-tree depth per viewport. | |
| maxNodes | No | Maximum layout nodes per viewport. | |
| outputDir | No | Absolute directory to save per-width screenshots into. | |
| timeoutMs | No | Navigation timeout in milliseconds. | |
| userAgent | No | Optional browser user-agent override. | |
| waitUntil | No | Page lifecycle event to await before extraction. | domcontentloaded |
| autoScroll | No | Scroll through the page before extraction to trigger lazy-rendered content. | |
| maxScrolls | No | Maximum viewport-sized scroll steps when autoScroll is enabled. | |
| maxHeightPx | No | Screenshots taller than this are clipped. | |
| viewportWidth | No | Browser viewport width in CSS pixels. | |
| viewportHeight | No | Browser viewport height in CSS pixels. | |
| allowPrivateNetwork | No | Allow localhost and private-network URLs. Enable only for trusted sites. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| result | Yes |