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

Copilot captures visual sitemaps from your IDE and can generate browsable HTML documentation from the results. Script automated sitemap generation that runs on deployment, and Copilot helps build the presentation layer -- a navigable visual map of your application that serves as living documentation.

## Setup

{"mcpServers":{"toolrouter":{"command":"npx","args":["-y","toolrouter-mcp"]}}}

## Steps

1. Add ToolRouter to your Copilot MCP configuration
2. In Copilot Chat: "Capture all pages on our site for a visual sitemap"
3. Review the captured page inventory
4. Ask Copilot to generate an HTML visual sitemap from the screenshots
5. Include the visual sitemap in your project documentation

## Example Prompt

```
Build a visual sitemap of our app by capturing every route. Generate an HTML page to display it.
```

## Tips

- Copilot can generate a browsable HTML sitemap from your screenshot captures
- Automate sitemap generation as part of your documentation build
- Great for documenting all routes in a single-page application
