---
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-blog-hero-images/copilot
---
# How to Generate Blog Hero Images with Copilot

Copilot generates hero images right where you write your blog posts -- in your editor. If you author content in markdown and publish from a git repo, Copilot can create the image and insert the markdown reference in one step. This tight integration between writing and visual asset creation eliminates context-switching from your content pipeline.

## Setup

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

## Steps

1. Add ToolRouter to Copilot MCP config
2. While writing your blog post, ask: "Generate a hero image for this article about API design"
3. Copilot creates the image and you can reference it in your markdown
4. Ask for variations: "Try a more minimal, line-art style"
5. Save the image to your blog's public assets directory

## Example Prompt

```
Generate a hero image for my technical blog post about GraphQL vs REST APIs. Clean, technical illustration style with API and data flow visuals.
```

## Tips

- Perfect for developer blogs where you write and publish from the same repo
- Copilot can generate the image and the markdown reference in one step
- Use a consistent prompt template for a cohesive blog visual style
