---
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/monitor-visual-changes/copilot
---
# How to Monitor Visual Changes with Copilot

Copilot integrates visual change monitoring into your development workflow from the IDE. Capture before-and-after screenshots as part of your PR process, and Copilot can help build automated visual regression tests that run on every commit. Compare staging against production without leaving your editor.

## Setup

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

## Steps

1. Add ToolRouter to your Copilot MCP configuration
2. In Copilot Chat: "Capture a baseline screenshot of our staging site"
3. After making changes: "Capture a new screenshot and compare with the baseline"
4. Review visual differences in your editor
5. Ask Copilot to add visual regression tests to your CI pipeline

## Example Prompt

```
Set up visual regression monitoring for our 5 most important pages. Capture baselines now.
```

## Tips

- Copilot can integrate screenshot comparison into your test suite
- Add visual regression checks to your PR workflow
- Automate baseline updates when visual changes are intentionally approved
