---
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-video/use-cases/create-explainer-clips/copilot
---
# How to Create Explainer Clips with Copilot

Copilot generates technical explainer clips directly in your IDE, which is invaluable for creating visual documentation of system architecture, data flows, and API interactions. Copilot understands the technical concepts being explained and can produce accurate animated diagrams that match your actual system design.

## Setup

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

## Steps

1. Add ToolRouter to Copilot MCP config
2. In Copilot Chat: "Create an explainer clip about how our caching layer works"
3. Copilot generates the animation via ToolRouter
4. Refine: "Show the cache hit and miss paths more clearly"
5. Embed the clip reference in your documentation

## Example Prompt

```
Create an explainer clip showing how a CDN delivers content. Show the user request, edge server cache check, origin fetch on miss, and cached response. Technical but accessible.
```

## Tips

- Ideal for creating visual documentation for technical architecture
- Copilot can create explainers that match your actual system design
- Generate clips for your project wiki, onboarding docs, or API reference
