---
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/get-brand-logo/use-cases/create-integration-showcases/copilot
---
# How to Create Integration Showcases with Copilot

Copilot fetches brand logos directly into your codebase without breaking your development flow. Request logos for your partner page, integration showcase, or documentation site, then have Copilot save them to your assets directory and generate the corresponding component code -- a logo grid, a carousel, or a categorized gallery. The entire workflow from logo fetch to rendered web component happens inside your editor, making it trivial to keep logo showcases current as your partner ecosystem grows.

## Setup

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

## Steps

1. Add ToolRouter to Copilot MCP config
2. In Copilot Chat: "Fetch logos for integrations in integrations.yaml using get-brand-logo"
3. Copilot fetches all logos and provides download URLs
4. Ask Copilot to generate an IntegrationShowcase component
5. Review, customize, and deploy the showcase page

## Example Prompt

```
Fetch logos for all integrations listed in data/integrations.yaml and generate a filterable React grid component for our marketplace page.
```

## Tips

- Copilot can generate filterable, searchable integration galleries
- Use for building integration pages in Next.js, Gatsby, or Astro
- Ask Copilot to add category filters and search functionality to the component
