How to Capture Full-Page Screenshots with Claude

Capture full-page screenshots with Claude and ToolRouter. Complete webpage captures in one image.

Tool
Web Screenshot icon
Web Screenshot

Claude 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
ToolRouter
URL
https://api.toolrouter.com/mcp
3Done — works on Claude chat, desktop, and mobile

Steps

Once connected (see setup above), use the Web Screenshot tool:

  1. Ask Claude: "Take a full-page screenshot of example.com using web-screenshot"
  2. Claude captures the entire page from top to bottom using the capture skill
  3. Review the screenshot and ask for captures of additional pages
  4. 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