
Clipacanvas
Exposes two tools to Claude and other MCP clients: render_video and render_video_to_file. Both use Playwright with Chromium to load your HTML/CSS/JS, capture frame-by-frame screenshots, then pipe them through FFmpeg into MP4. You can run it locally via uvx or pip, or point directly at the hosted SSE endpoint on Hugging Face Spaces if you want zero local setup. The same engine powers a pywebview desktop app and a keyboard-driven TUI, so you're using the same renderer whether you're working through chat, command line, or GUI. Useful when you need an AI to generate animated explainers, UI demos, or data visualizations and deliver actual video files instead of static code.
- tools
- 2
- transport
- STDIO
- last updated
- May 26, 2026
Tools
2 toolsPublic tool metadata for what this MCP can expose to an agent.
render_videoExpose `render_video` and `render_video_to_file` tools to your AI assistant.
Expose `render_video` and `render_video_to_file` tools to your AI assistant.
No parameter schema in public metadata yet.
render_video_to_fileExpose `render_video` and `render_video_to_file` tools to your AI assistant.
Expose `render_video` and `render_video_to_file` tools to your AI assistant.
No parameter schema in public metadata yet.
Sponsors
Readme
Clip.A.Canvas
Clip.A.Canvas logo
Clip.A.Canvas transforms HTML/CSS/JS animations into MP4 videos — entirely local or hosted in the cloud. Powered by Chromium + FFmpeg for high-quality, browser-accurate rendering. Perfect for AI agents generating video content, demos, or visual explanations on-the-fly.
Clip.A.Canvas is a local and remote browser-motion-to-video toolkit.
It includes:
-
Desktop App: Paste, preview, and export animations locally with a pywebview UI.
-
MCP Server: Exposes HTML-to-video rendering tools to Antigravity, Gemini, Codex, Claude Code, and other AI clients.
-
Terminal UI (TUI): Keyboard-first command-line client for code-first rendering.
-
Website:
https://clipacanvas.vercel.app -
GitHub:
https://github.com/mechreaper007x/ClipACanvas -
Releases:
https://github.com/mechreaper007x/ClipACanvas/releases/tag/v1.0.0 -
Cloud MCP (SSE):
https://mechreaper007x-clip-a-canvas-mcp.hf.space/sse
🎬 MCP Server (Model Context Protocol)
Details
- Repository
- github.com/mechreaper007x/clipacanvas
- Categories
- Web & Browser Automation, Design & Creative, Media & Entertainment
- Package
clipacanvas-mcp- Transport
- STDIO
- Registry
- MCP registry, active