---
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/build-visual-sitemap/claude
---
# How to Build a Visual Sitemap with Claude

Claude turns visual sitemap creation into a guided terminal exploration. Provide your site URL and Claude systematically captures each page, organizing screenshots by navigation hierarchy. Ask follow-up questions like "are there any pages that look inconsistent with our brand?" and Claude analyzes the visual coherence across your entire site.

## 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 all pages on our site for a visual sitemap"
3. Claude captures each page and organizes them by site hierarchy
4. Review the visual sitemap for completeness and identify any missing pages
5. Ask Claude to note design inconsistencies or pages that need attention

## Example Prompt

```
Build a visual sitemap of example.com. Capture every page and organize them by section. Highlight any design inconsistencies.
```

## Tips

- Ask Claude to generate thumbnail-size captures for the overview and full-page captures for detail
- Request the sitemap organized by navigation structure for intuitive viewing
- Claude can identify pages with inconsistent styling or branding
