I Tested Claude Code + Remotion Skills for Video Animation (Results Were Insane)
10.3K views · 2026-01-28
Motion Design
📌 Get the follow-along guide here: https://link.builderspace.ai/ai-create-videos
Hiring a motion designer can cost hundreds, if not thousands of dollars. Now, you can create the same professional motion graphics and video animations just by prompting - in minutes.
In this video, I show you exactly how to use Remotion's new AI agent skills to create stunning video animations and motion graphics with AI Coding tools like Claude Code, Cursor, or Antigravity.
No animation experience required.
You'll learn:
👉 How to install Remotion react with AI agent skills in any IDE
👉 How to create your first animation with simple prompts
👉 My secret trick to recreate ANY animation you find on the internet
👉 How to build product demo videos with moving backgrounds
👉 How to add AI-generated voiceovers to your animations with Eleven Labs
👉 How to connect Figma designs directly to Remotion using Figma MCP
Timestamps
0:00 Joanna Stoffregen
0:50 How to install Remotion on Claude Code / Cursor / Antigravity
2:34 Create first video animation
3:29 How to reconstruct any video animation
6:01 Travel Chat App product video animation
7:36 Morning routine video animation
8:25 How to create motion graphics with Voice (eleven labs)
9:17 How to create product demo video animations from Figma using Figma MCP
⚙️ Tools Used in This Video
→ Remotion https://www.remotion.dev/ – React-based framework for creating videos programmatically
→ Claude Code / Cursor / Antigravity – AI-powered coding agents
→ Google AI Studio (Gemini) https://aistudio.google.com/ – For analyzing and reconstructing animations
→ Eleven Labs https://elevenlabs.io/ – AI voice generation for animated voiceovers
→ Figma + Figma MCP – Connect your designs directly to Remotion
→ Dribbble https://dribbble.com/ – Animation inspiration and references
📌 WHO IS THIS FOR:
This tutorial is perfect for non-technical founders, content creators, and aspiring AI builders who want to create professional video animations without hiring expensive motion designers.
👋 ABOUT ME:
I'm Joanna, and I've been building products for 10+ years. On this channel, I help non-technical founders build products with AI.
🔔 SUBSCRIBE for more AI product tutorials: / @aibuilderspace
#remotion #aianimation #claudecode #cursor #motiondesign #buildwithai #videoediting #aivideoeditor #productdemo #aitools #nocode #figma #elevenlabs #reactvideo #programmaticvideo #claudevideo #vibecoding #videoediting #aivideoeditor #contentcreation
Hiring a motion designer can cost hundreds, if not thousands of dollars. Now, you can create the same professional motion graphics and video animations just by prompting - in minutes.
In this video, I show you exactly how to use Remotion's new AI agent skills to create stunning video animations and motion graphics with AI Coding tools like Claude Code, Cursor, or Antigravity.
No animation experience required.
You'll learn:
👉 How to install Remotion react with AI agent skills in any IDE
👉 How to create your first animation with simple prompts
👉 My secret trick to recreate ANY animation you find on the internet
👉 How to build product demo videos with moving backgrounds
👉 How to add AI-generated voiceovers to your animations with Eleven Labs
👉 How to connect Figma designs directly to Remotion using Figma MCP
Timestamps
0:00 Joanna Stoffregen
0:50 How to install Remotion on Claude Code / Cursor / Antigravity
2:34 Create first video animation
3:29 How to reconstruct any video animation
6:01 Travel Chat App product video animation
7:36 Morning routine video animation
8:25 How to create motion graphics with Voice (eleven labs)
9:17 How to create product demo video animations from Figma using Figma MCP
⚙️ Tools Used in This Video
→ Remotion https://www.remotion.dev/ – React-based framework for creating videos programmatically
→ Claude Code / Cursor / Antigravity – AI-powered coding agents
→ Google AI Studio (Gemini) https://aistudio.google.com/ – For analyzing and reconstructing animations
→ Eleven Labs https://elevenlabs.io/ – AI voice generation for animated voiceovers
→ Figma + Figma MCP – Connect your designs directly to Remotion
→ Dribbble https://dribbble.com/ – Animation inspiration and references
📌 WHO IS THIS FOR:
This tutorial is perfect for non-technical founders, content creators, and aspiring AI builders who want to create professional video animations without hiring expensive motion designers.
👋 ABOUT ME:
I'm Joanna, and I've been building products for 10+ years. On this channel, I help non-technical founders build products with AI.
🔔 SUBSCRIBE for more AI product tutorials: / @aibuilderspace
#remotion #aianimation #claudecode #cursor #motiondesign #buildwithai #videoediting #aivideoeditor #productdemo #aitools #nocode #figma #elevenlabs #reactvideo #programmaticvideo #claudevideo #vibecoding #videoediting #aivideoeditor #contentcreation