---
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/generate-image/use-cases/generate-product-mockups/copilot
---
# How to Generate Product Mockups with Copilot

Copilot generates product mockups directly in your development environment, making it seamless to create device screenshots, app store listings, and README visuals alongside your code. Reference your project's actual UI descriptions for more accurate mockups and save generated assets straight to your repository's image directory.

## Setup

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

## Steps

1. Add ToolRouter to Copilot MCP config
2. In Copilot Chat: "Generate a product mockup for our app shown on an iPhone screen"
3. Copilot generates the mockup image via ToolRouter
4. Ask for specific variations: "Show the same app in dark mode on a MacBook"
5. Save the mockups directly to your project assets

## Example Prompt

```
Generate a product mockup showing our CLI tool running in a terminal on a MacBook Pro. Clean desk, minimal setup, professional lighting.
```

## Tips

- Ideal for generating screenshots and mockups for README files and docs
- Copilot can reference your app's actual UI description for more accurate mockups
- Generate device mockups for App Store and Play Store listings
