---
title: ToolRouter — Agent Use Case Guide
description: Step-by-step guide for completing a task with a specific AI agent using ToolRouter.
url: https://toolrouter.com/tools/web-screenshot/use-cases/capture-full-page-screenshots/claude
---
# How to Capture Full-Page Screenshots with Claude

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.

## Setup

claude mcp add toolrouter -- npx -y toolrouter-mcp

## Steps

1. Connect ToolRouter: claude mcp add toolrouter -- npx -y toolrouter-mcp
2. Ask Claude: "Take a full-page screenshot of example.com using web-screenshot"
3. Claude captures the entire page from top to bottom using the capture skill
4. Review the screenshot and ask for captures of additional pages
5. Request screenshots at specific viewport widths for responsive testing

## Example Prompt

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