How to Capture Full-Page Screenshots with Copilot

Capture web screenshots in your IDE with Copilot and ToolRouter. Visual QA for developers.

Tool
Web Screenshot icon
Web Screenshot

Copilot captures web screenshots directly from your IDE, making visual QA part of your development workflow. Take screenshots of staging deployments, compare them against production, and Copilot can help integrate screenshot capture into your CI pipeline for automated visual regression testing on every pull request.

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:

  1. In Copilot Chat: "Take a full-page screenshot of our staging site"
  2. Review the screenshot inline in your editor
  3. Ask Copilot to compare staging vs production screenshots
  4. Integrate screenshot captures into your visual regression testing

Example Prompt

Try this with Copilot using the Web Screenshot tool
Capture our staging site and compare it visually with the production version. Flag any differences.

Tips

  • Use screenshots for visual regression testing in your CI pipeline
  • Copilot can compare screenshots to identify unintended visual changes
  • Capture screenshots of each page in your PR for reviewer context