Agent-driven animated API/flow diagram renderer (MP4 + carousel) with an MCP server
View on GitHub ↗Agent-driven animated diagram renderer. Turn an API/flow/architecture description into an animated MP4 (glowing pulses traveling edges, node pops, camera focus, 8-bit sfx) or an Instagram-style carousel (silent GIF + WebP slides).
Built for content creators. Designed to be driven by an AI agent over MCP — the agent designs the scene, this tool renders it.
- Remotion (React → MP4 via headless Chrome + ffmpeg) - dagre (auto-layout) - ffmpeg (sfx synthesis, GIF→WebP) - MCP SDK (agent interface)
Check prerequisites (Node =18, ffmpeg, deps):
First render downloads a headless Chrome (~once). Full guide: docs/INSTALL.md.
Agent emits nodes, edges, and a timeline. See docs/SCHEMA.md.
type effect ------------- --------------------------------------------------- reveal-node node pops in (spring scale + fade) reveal-edge edge draws like a pen pulse glowing comet travels edge (data flow), multi-color flash node glow burst camera pan/zoom focus to a node
Bundled 8-bit sfx in public/sfx/: beep, whoosh, ding. Chosen per event by the agent (sfx / onArrive.sfx), or none. Swap the WAV files to rebrand.
user client server api database cloud queue cache lock key gear bolt globe mobile mail file check cross warning
Motion Diagram is designed to be driven by an AI agent over MCP. Install the skill into your agent with one command:
This writes a motion-diagram entry into each agent's MCP config:
Agent Config file -------------- ---------------------------------------------- Cursor ~/.cursor/mcp.json Claude Desktop claudedesktopconfig.json (OS-specific dir) Pi ~/.pi/agent/mcp.json
From the project README.
Add the radar badge to your README — it shows your project was picked up by MCP Radar and links to this page:
[](https://mcp.liqiwa.com/s/igun997--motion-diagram.html)
Open-source MCP server for comparing products and asking the buyer before purchase.
sv-number/mcp-serverMCP server for AI agents that need a phone number: order a private number in 200+ countries, read the SMS verification code, hand it back. The widest country coverage in the category, and you can chec
vibeinging/deepseek-harness-desktop-appDeepSeek Harness Desktop App: a local AI desktop workspace for DSH Sessions, projects, files, web research, plugins, and Office artifacts.
shlokkhemani/rabbitholeAn infinite canvas for learning — select text, ask, and answers branch out as documents. MCP server for Claude Code, Codex, and any agent.
livetennisapi/livetennisapi-mcpMCP server for the Live Tennis API — give Claude, Cursor and other LLM agents real-time tennis scores, odds and model win-probability
shixinnt/codex-image-context-runtimeA Codex plugin and local MCP runtime for context-bounded image generation and inspection.
The top new MCP servers of the week, every Monday. No spam, unsubscribe anytime.