How to Create Product Demo Animations with Copilot
Generate product demo animations in your IDE with Copilot and ToolRouter. Video content without leaving your editor.
ToolGenerate VideoCopilot generates product demo animations directly in your IDE, making it seamless to create video assets alongside the product code itself. This is especially powerful for developer tools where Copilot understands the technical workflows being demonstrated and can produce accurate, authentic demo content without context-switching to video production software.
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: "Generate a product demo animation for our CLI tool in action"
- Copilot creates the demo animation via ToolRouter
- Request specifics: "Show the terminal with commands being typed and output appearing"
- Save the video to your project's assets directory
Example Prompt
Try this with Copilot using the Generate Video tool
Generate a product demo animation showing our developer API in action. Terminal commands, JSON responses, and a dashboard updating in real-time. Developer-focused aesthetic.
Tips
- Perfect for creating demo videos for open-source project READMEs
- Copilot understands developer workflows and can create accurate tech demos
- Generate GIF versions for inline documentation and GitHub READMEs