visual_screenshot_for_humans
Capture webpage or element appearance and save as screenshot. Use for visual regression testing or sharing UI designs for feedback.
Instructions
[may return preview+token] šø VISUAL OUTPUT TOOL - Captures page/element appearance and saves to file. Essential for: visual regression testing, sharing with humans, confirming UI appearance (colors/fonts/images).
ā WRONG: "Take screenshot to debug button alignment" ā RIGHT: "Use compare_element_alignment() - alignment in <100 tokens"
ā WRONG: "Screenshot to check element visibility" ā RIGHT: "Use check_visibility() - instant visibility + diagnostics"
ā WRONG: "Screenshot to inspect layout structure" ā RIGHT: "Use inspect_dom() - hierarchy with positions and visibility"
ā VALID: "Share with designer for feedback" ā VALID: "Visual regression check" ā VALID: "Confirm gradient/shadow rendering"
ā ļø Token cost: ~1,500 tokens to read. Structural tools: <100 tokens.
Screenshots saved to ./.mcp-web-inspector/screenshots. Example: { name: "login-page", fullPage: true } or { name: "submit-btn", selector: "testid:submit" }
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | Name for the screenshot file (without extension). Example: 'login-page' or 'error-state' | |
| selector | No | CSS selector or testid shorthand for element to screenshot. Example: '#submit-button' or 'testid:login-form'. Omit to capture full viewport. | |
| fullPage | No | Capture entire scrollable page instead of just viewport (default: false) | |
| downloadsDir | No | Custom directory for saving screenshot (default: ./.mcp-web-inspector/screenshots). Example: './my-screenshots' |