How to Generate Animated Thumbnails with Copilot
Create animated thumbnails in your IDE with Copilot and ToolRouter. Motion previews without video editing tools.
ToolGenerate VideoCopilot creates animated thumbnails within your IDE, making it easy to generate motion previews for app store listings, README demos, and documentation screenshots. Copilot can also produce the HTML embed code alongside the animation, streamlining the entire process from asset creation to page integration.
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: "Turn this screenshot into an animated preview"
- Copilot animates the image via ToolRouter
- Adjust: "Add a slow pan from left to right"
- Save the animated thumbnail to your project assets
Example Prompt
Try this with Copilot using the Generate Video tool
Turn this app screenshot into an animated thumbnail with a smooth scroll animation showing the full page. Loop seamlessly, 4 seconds.
Tips
- Great for creating animated previews of your app for the App Store or README
- Copilot can generate the embed code alongside the animation
- Use for animated documentation screenshots showing UI interactions