---
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/create-custom-illustrations/copilot
---
# How to Create Custom Illustrations with Copilot

Copilot generates custom illustrations within your development environment, perfect for creating onboarding graphics, documentation visuals, and feature illustrations as part of your build process. Reference your project's design tokens and color variables directly when describing illustrations, keeping visual assets tightly coupled with your codebase.

## Setup

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

## Steps

1. Add ToolRouter to Copilot MCP config
2. In Copilot Chat: "Generate a line-art illustration for our 404 error page"
3. Copilot creates the illustration via ToolRouter
4. Request adjustments: "Add a confused robot character and make it more playful"
5. Save to your project's illustrations directory

## Example Prompt

```
Generate an isometric illustration of a server room for our infrastructure documentation. Clean technical style with blue and gray tones.
```

## Tips

- Great for generating illustrations for documentation, error pages, and empty states
- Copilot understands technical concepts and can illustrate them accurately
- Generate SVG-style flat illustrations that match developer tool aesthetics
