---
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/create-portfolio-screenshots/claude
---
# How to Create Portfolio Screenshots with Claude

Claude turns portfolio screenshot capture into an interactive creative process in your terminal. Describe the project and Claude suggests which pages to capture, asks about viewport preferences, and captures responsive variants. Follow up with "can you also grab the dark mode version?" or "capture just the hero section for the case study header" for tailored portfolio assets.

## Setup

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

## Steps

1. Connect ToolRouter: claude mcp add toolrouter -- npx -y toolrouter-mcp
2. Ask Claude: "Capture screenshots of example.com at desktop, tablet, and mobile sizes for my portfolio"
3. Claude uses capture_responsive to produce screenshots at each viewport size
4. Ask Claude to capture the full page and specific sections for different portfolio views
5. Request additional pages captured for a comprehensive case study

## Example Prompt

```
Capture our client site at desktop (1440px), tablet (768px), and mobile (375px) viewports for the portfolio case study.
```

## Tips

- Ask Claude to capture the most visually impressive sections of each page
- Request both full-page and above-the-fold screenshots for different portfolio formats
- Claude can capture multiple client sites in one session for batch portfolio updates
