vibeside_capture_viewport_matrix
Capture responsive screenshots across mobile, tablet, and desktop presets, then detect horizontal layout overflow to find broken layouts before release.
Instructions
Capture responsive audit across device presets (mobile, tablet, desktop) and detect horizontal layout overflow.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| devices | No | List of device preset names or IDs to test (e.g. ["iPhone 16 Pro", "iPad Pro 11"", "Desktop FHD"]). Defaults to all presets in selected category | |
| category | No | Filter devices by category if specific device list is not provided (default: "all") | all |
| fullPage | No | Capture full scrollable page screenshot instead of viewport only | |
| colorScheme | No | CSS prefers-color-scheme media feature during matrix capture | |
| includeScreenshots | No | Include base64 PNG screenshot in report for each device (default: false) | |
| saveScreenshotsDir | No | Directory path on disk to save PNG screenshots for each tested device |