How to Create Tutorial Clips with Copilot
Generate tutorial clips in your IDE with Copilot and ToolRouter. Visual documentation for developers.
Tool
Copilot generates tutorial clips within your development environment, creating visual documentation alongside the code examples they demonstrate. This tight integration means tutorial content stays synchronized with your actual product, and you can regenerate clips whenever your API or UI changes.
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 a tutorial clip showing how to install and configure our SDK"
- Copilot generates the tutorial animation via ToolRouter
- Refine: "Show the terminal commands and expected output more clearly"
- Embed the tutorial in your documentation
Example Prompt
Try this with Copilot using the Generate Video tool
Create a tutorial clip for our API quickstart: install the SDK, initialize the client, make your first API call, handle the response. Terminal + code editor view.
Tips
- Perfect for developer documentation that benefits from visual walkthroughs
- Generate tutorials alongside the code examples they demonstrate
- Update tutorial clips whenever you update the documentation