How I Made Motion Graphics with AI Using Remotion + Claude

I got a comment on YouTube calling one of my videos AI slop. I was thrown off by the comment because none of the video was done with AI. I did the editing in Premiere. The motion graphics was done in After Effects. The thumbnail was done in Photoshop. Everything done by me.

Now there is one video that I made where he may have had a point. In that video, I had AI help me with some of the motion graphics. It all started with this video by Jeremiah Peoples where he shares how he used ChatGPT to create a video and automate his video editing workflow. One tool stood out to me that he used: Remotion. Remotion is a way to make video with React, a javascript framework. Pretty much, you can make video with code. I’ve experimented with it a few times but I never had been able to produce results that I liked. Seeing him using AI and Remotion got my super hyped at the possibilities. One of my biggest bottlenecks for producing videos is adding motion graphics. I can easily spend hours tweaking a single animation to get it how I want.

In his video he used ChatGPT. However my AI design partner of choice is Claude. I decided to run an initial test to see which one was better. Remotion has a plugin for Claude Code and Codex that gives the agent access to a list of skills that they can use in the coding chat. The first test I asked each agent to create was an Astro homepage demo in a browser about the dynamic island. I told it to use its creative discretion of what the animation would look like.

ChatGPT’s version looked more like a presentation than motion graphics in a video. With more prompting I may have been able to get it where I liked it. But as a one-shot prompt, it fell short of what I wanted.

Claude’s looked more like something I would have animated myself. The layout, the actual animations and even the easing was really good. It was clear that Claude was the winner and I decided to move forward with it to build out the animations for my video.

I gave it a detailed prompt of what I was trying to accomplish along with assets for the animation. I allowed Claude to build out the layout and animations itself. In one-shot, it produced an animation that I liked. There were a few challenges I had with it. One being it removed the logo of the Ghost animation and I had to prompt it to add it back. I then gave it some sound effects to add when the checkmarks come in and was completed with those animations.

The last animation I had it create was one with a bunch of Medium blog pages. I gave it a prompt and I asked it to mock out what the animation would look like the first few times while I gathered the 70+ screenshots of the pages. The first few animations were trash to me. It understood what I was trying to do but honestly, my vision was a little off. By time I was done gathering the thumbnails, I finally had a solid direction for the animation. There is a part of the final animation where the thumbnails are scrambled. Claude actually came up with that itself. The initial version was decent but after a few back and forth convos, it was exactly where I wanted it.

I definitely will be adding AI in my workflow for motion graphics. Of course there will be times where I do it myself but in this stage of my content creation journey where I’m trying other get content out, I’ll be leaning on AI. The video editing portion is something I believe I will always do myself because there are areas of my edits that I don’t think I can train or prompt an agent to do.

For a more in-depth walkthrough of my Remotion + Claude workflow, please watch this video over on YouTube.