---
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-competitor-designs/claude
---
# How to Capture Competitor Designs with Claude

Claude makes competitive design capture an analytical conversation in your terminal. Request competitor screenshots and Claude captures them, then analyzes the design patterns, layout choices, and visual strategies each competitor uses. Ask follow-up questions like "how does their pricing page compare to ours?" for an interactive competitive design review.

## 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 competitor1.com and competitor2.com at desktop and mobile sizes"
3. Claude captures responsive screenshots of each competitor site
4. Ask: "Compare the design approaches of these competitors"
5. Request specific page captures -- pricing, features, landing pages

## Example Prompt

```
Capture the homepages and pricing pages of our top 5 competitors at desktop and mobile viewport sizes.
```

## Tips

- Ask Claude to analyze design patterns and trends across competitor captures
- Request side-by-side comparisons of specific page types across competitors
- Claude can identify design elements worth adopting or avoiding
