run_visual_test
Evaluate a web page's visual appearance and responsive design across mobile, tablet, and desktop viewports to identify layout inconsistency, overflow, and alignment issues.
Instructions
Perform visual testing on a web application. This tool analyzes:
Screenshots at multiple viewport sizes (mobile, tablet, desktop)
Layout consistency and potential overflow issues
Responsive design implementation
Visual element alignment and spacing
Use this tool when you need to evaluate the visual appearance and responsiveness of a website. The tool requires chrome-devtools-mcp to be running for browser automation.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | The URL of the web page to test | |
| fullPage | No | Capture full page screenshot (default: true) | |
| viewports | No | Viewport names to test: "mobile", "tablet", "desktop", or "all" (default: all) |