---
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/create-before-after-comparisons/chatgpt
---
# How to Create Before-and-After Comparisons with ChatGPT

ChatGPT generates before-and-after comparisons with narrative context that stakeholders can immediately understand. It captures both versions, describes what changed in clear language, and assesses whether the changes improve the user experience. The output is a ready-to-share redesign impact report, not just two screenshots.

## Setup

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

## Steps

1. Configure ToolRouter in ChatGPT
2. Ask: "Capture our homepage now as the before screenshot"
3. Deploy your changes
4. Ask: "Capture the homepage again and compare with the before version"
5. ChatGPT describes the visual changes and their impact

## Example Prompt

```
Create a before-and-after comparison of our homepage redesign. Summarize the changes for our team.
```

## Tips

- ChatGPT can write stakeholder-friendly summaries of visual changes
- Ask for an assessment of whether the changes improve user experience
- Request a narrative suitable for case studies or blog posts
