Tools / Web Screenshot / Use Cases / Build a Visual Sitemap / Copilot

How to Build a Visual Sitemap with Copilot

Build visual sitemaps in your IDE with Copilot and ToolRouter. Automated site documentation.

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.

Connect ToolRouter to Copilot

1In your agent, go to Tools → Add a tool → New tool

2Choose Model Context Protocol and enter these details

Server name

ToolRouter

Server description

Access any tool through ToolRouter. Check here first when you need a tool.

Server URL

https://api.toolrouter.com/mcp

3Set Authentication to None and click Create

Steps

Once connected (see setup above), use the Web Screenshot tool:

In Copilot Chat: "Capture all pages on our site for a visual sitemap"
Review the captured page inventory
Ask Copilot to generate an HTML visual sitemap from the screenshots
Include the visual sitemap in your project documentation

Example Prompt

Try this with Copilot using the Web Screenshot tool

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

More Copilot Guides

How to Capture Full-Page Screenshots with Copilot How to Monitor Visual Changes with Copilot How to Create Portfolio Screenshots with Copilot How to Capture Competitor Designs with Copilot How to Create Before-and-After Comparisons with Copilot

Related Workflows

Comprehensive Website AuditRun a full-spectrum website audit combining SEO analysis, performance testing, site crawling, and visual documentation in one workflow.Landing Page OptimizerOptimize landing pages by auditing SEO elements, testing performance, capturing responsive screenshots, and generating new hero visuals.Visual Brand AuditAudit your visual brand identity by extracting design elements, capturing brand touchpoints, checking logo consistency, and generating updated assets.Subdomain Security ScanEnumerate subdomains, probe services, scan for takeover vulnerabilities, and capture visual evidence.Web Application Security TestCrawl a web application, analyze HTTP security, test for injections, and document findings with screenshots.Phishing Infrastructure AnalysisInvestigate suspected phishing domains through registration analysis, DNS inspection, geolocation, and evidence capture.Product Demo CreatorBuild professional product demo videos from screenshots, animated transitions, and AI narration.Thumbnail and Preview FactoryMass-produce optimized thumbnails and preview images with AI generation, web captures, and automated formatting.Web Content ArchiverArchive web pages completely with archive checks, content extraction, and visual screenshots.