How to Create Explainer Clips with Copilot
Generate explainer clips in your IDE with Copilot and ToolRouter. Animated tech concept videos for documentation.
Tool
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.
Connect ToolRouter to Copilot
1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Generate Video tool:
- In Copilot Chat: "Create an explainer clip about how our caching layer works"
- Copilot generates the animation via ToolRouter
- Refine: "Show the cache hit and miss paths more clearly"
- Embed the clip reference in your documentation
Example Prompt
Try this with Copilot using the Generate Video tool
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