How to Capture Full-Page Screenshots with Claude
Capture full-page screenshots with Claude and ToolRouter. Complete webpage captures in one image.
ToolWeb ScreenshotClaude turns screenshot capture into an interactive terminal workflow. Ask for a screenshot and Claude handles the rendering, then discusses what it sees -- layout issues, content gaps, design observations. Follow up with requests like "now capture the mobile version" or "can you compare this to the staging URL?" for a conversational visual review process.
Connect ToolRouter to Claude
1Go to Settings → Connectors → Add custom connector
2Enter the details below and click Add
Name
ToolRouterURL
https://api.toolrouter.com/mcp3Done — works on Claude chat, desktop, and mobile
Steps
Once connected (see setup above), use the Web Screenshot tool:
- Ask Claude: "Take a full-page screenshot of example.com using web-screenshot"
- Claude captures the entire page from top to bottom using the capture skill
- Review the screenshot and ask for captures of additional pages
- Request screenshots at specific viewport widths for responsive testing
Example Prompt
Try this with Claude using the Web Screenshot tool
Capture a full-page screenshot of our landing page at example.com. Include everything from the hero to the footer.
Tips
- Ask Claude to capture both desktop and mobile viewport screenshots
- Request screenshots before and after changes for visual comparison
- Claude can annotate screenshots to highlight specific areas of interest