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' |