---
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/openclaw
---
# How to Build a Visual Sitemap with OpenClaw

OpenClaw automates visual sitemap generation by batch-capturing every page in your sitemap, producing an organized screenshot archive with hierarchical metadata. Output includes responsive variants at multiple viewports, structured navigation data, and machine-readable page inventories. Run after every major deployment to maintain current site documentation.

## Setup

openclaw mcp add toolrouter -- npx -y toolrouter-mcp

## Steps

1. Connect ToolRouter: openclaw mcp add toolrouter -- npx -y toolrouter-mcp
2. Ask OpenClaw: "Capture all pages on our website for a visual sitemap"
3. OpenClaw captures screenshots of each page
4. Request them organized by site section or navigation structure
5. Use the visual sitemap for planning, auditing, or stakeholder communication

## Example Prompt

```
Build a visual sitemap of our website. Capture every page and organize by section.
```

## Tips

- Update the visual sitemap after every major site change
- Use responsive captures to show both desktop and mobile sitemaps
- Share the visual sitemap with stakeholders before starting redesign discussions
