Hey. What's up, everybody? I created this motion design graphic that you're looking at right now in less than, like, twenty minutes using ClaudeCode. So I had to get in here and drop this video because I'm genuinely blown away by this this new capability of creating motion design with ClaudeCode.
So you can see this here. I'm gonna show you exactly how to do it. This is the full, you know, ten, fifteen second design here. It started off with this initial terminal design that I then built out for a larger, like, promotional video for my co writer system.
And the, you know, the reason this was this is capable now is from this company here, Remotion, that dropped an agent skill for building out these motion designs in their, like, studio.
And if you're on X, then you probably saw this because it went super viral. I think yesterday, can see they have 8,300,000
views on their announcement video
showing this motion design that they created themselves,
you know, to promote it. They created with this this skill, with this tool. Uh, you know, they released a,
uh, like, little video showing how they did it, which is super confusing. They're super fast. It's not really good, so I'm gonna break that down for you today. And you could see a bunch of people here sharing
the types of designs
that they built. Uh, be careful if you're on XTO because there's a lot of, uh, rage bait. There's a lot of people who post stuff that's not really designed with this. Um, but, you know, nonetheless, it's, like, incredible, so I'm gonna show you exactly how you can do that today.
So the first thing you're actually gonna have to do is open up your terminal here, and you can see on the x
announcement here, they gave us what to run here. So we're gonna run this
right here inside of your terminal.
Alright? And it's going to download the skill from the repository
that we need to use here. So you're running this just in your regular terminal outside of any project as of right now. You're gonna see you got this new Remotion best practices skill,
best practices for Remotion video creation,
and then, uh, you get to choose what agents. So we're using Cloud Code. You're gonna hit enter here. We're gonna install this on the project scope, alright, instead of globally, and then we're gonna use the recommended installation
methods.
Alright. Proceed with installation.
Done. It now installed it. After you do that, you need to run, uh, a couple more things here. It's very simple. Just follow. You're gonna run bun create
video.
Once you do that, it's gonna open up all these templates that Remotion gives us.
Honestly, I don't know what, you know, some of these are.
We have, like, a hello world starter template.
We have a recorder.
We have let's see. I don't know. A bunch of still images, audiogram,
music visualization,
stuff like this. I see one for TikTok as well, generated generate animated word by word captions.
So I don't really you know, I haven't tried any of these out. I just use this blank canvas here, so it's just, you know, a blank canvas. You're gonna hit enter here, and now it's gonna tell you a directory to create your project. So this is the folder. You're gonna create a folder to run this project in. So, for example, what I'm gonna do here is just call it, like, uh, motion design.
Right?
And then once you do this, you're gonna add the agent skills,
and then this will fully set up the project here inside of that folder. And it's even gonna ask to open it in Versus Code. You should already have you should have Versus Code installed for your co writer or cursor, stuff like that.
So we're gonna open this in Versus Code,
and this is what it opens up. So I'm gonna close these out here. And this is the Remotion project that's now opened up here inside of Versus Code. You can see on the left, we have all the packages and files that you need.
So you're gonna see here on the left that we have, like, dot agent dot ClaudDotCursorDotGemini
dot open code for whichever one you're using, I guess. And since we use or I use claud for my entire writing system and operating
system here, I'm just gonna delete these
these other ones that we don't want, like Cursor, Gemini, OpenCode. I'm gonna delete those to clean it up. Alright.
And now we have our dot Claude file, which you should be familiar with if you build out, you know, claud systems here. We have our skills. Now it has the the agent skill for room motion best practices.
Alright? And then we also have everything else we need here to start creating the motion designs.
So the first thing I wanna do is I'm gonna show you inside of my own, uh, Claude folder and show you the whole process that I did to create those designs I showed you, and then I'll show you how to start, you know, fresh and create your own. So we're gonna first go over to my cowriting system.
Alright. And here we are. This is what my cowriting system looks like.
And, you know, one of the things I have inside of my cowriting system is I have a deployments folder where I literally have my landing pages deployed online.
So if we come here to Google,
we have the cowriter system. This is the new motion design I put on my landing page.
But, you know, forget about that being there for a second. This is, you know, my cowriting system landing page that I had with all of these these different images and different, uh, graphics here. And what I wanted to do was create these designs for this landing page. So the first idea I had was to create this design that you're looking at right here and put it inside of my landing page, and you could see it worked perfectly here.
So what we're gonna do is let me come back over to my, uh, system here. And this is the prompt, basically, that I used. So I told it, like I told Claude that I wanted to write me a very detailed prompt
to create, uh, you know, a motion design
for my landing page, and I pointed it to the path of my landing page. And what we did here was we created this this big prompt, a realistic computer terminal window where a folder file structure types itself out line by line, that exact, you know, uh, design you were looking at. And I got this really detailed prompt here. Alright? I took that prompt, and we went over to our motion design
project opened here that we just had downloaded, right, from Remotion. We downloaded the skill and I showed you everything here. So I came over to that and I started a new Claude session and I pasted this prompt.
Alright? Once I pasted this prompt, you can see that the Remotion skill, the agent here in Claude, started working on creating this animation.
It it put a bunch of to dos. It, you know, it completed all the to dos. Alright? And then I kept iterating and adding on to it, like, little things that I wanted. And this is what we came up with here. We came up with, at first, this design Claude created, and it launches this little studio on your web browser.
So you could see the first thing I created
was this terminal for my co writer system kinda just showing what's inside of it, Claude dot m d file, uh, agents, and stuff like this. And then I kept iterating inside of that Claude session
to finally get to this where it was like a longer promotional video
for the CoWriter system, which I keep talking about it. If you don't know, it's a exclusive
community training program and and platform that I have. So I wanted to build out this full one, I kept iterating on it.
Now to make this even easier for you to do, I went ahead and created a Claude skill that will help you create prompts like this. So that's what we're gonna do now.
So we're back here in that original motion design folder at the very beginning of the video that we set up in our terminal and set up this new folder. It's a completely fresh folder.
And what we can do here is open up a new, uh, Claude session here. And before I show you how to use the skill for prompting, I wanna just show you that you can also just simply, you know, type out things and talk to it here. So, for example, maybe I'm gonna tell it,
I want you to create a motion design
of a terminal typing out the following.
And then what I'm gonna do is paste this
sort of system that I have here in the terminal or here, like, basically, what the the sidebar of my co writer system looks like. So I give it, like, to Claude dot m d, Claude. And then, really, just my idea is to have a terminal type that out. I'm gonna tell it that,
and you're gonna see Claude fire up now its
skill,
its Remotion skill to create
this design, and then we can see what that looks like. So it's gonna read everything here, all of its different files. We're gonna give it access to all of that.
Alright. And after Claude, you know, analyzed everything here in its folder, it's now updating its to do and telling us that it's gonna create a terminal typing animation
that displays the directory tree, and it's gonna create a new composition file with the realistic terminal. So we're gonna let that run for another minute and see what it comes up with.
Alright. Now you can see after it took about two or three minutes, uh, we let it run through everything.
It finished up its design, and you can see it should automatically spin up its, uh, server.
And we can now look at what this looks like. So let's go up. It it automatically
pulled this up, and now we have,
uh, this this motion design created just like that. So we're gonna play it. You can see we told it. This is exactly what we wanted. I mean, this is insane.
Like, being able to create this is
is pretty incredible.
So you could see it did everything perfectly, terminal, co writer system, and it's gonna loop here. Alright? Now we can even do some crazier stuff. So
let's see. I'm gonna put this side by side here with our
what we're working in here. And what we can literally do is let's see. So this is where we're working here.
I'm gonna literally tell it to
let's see.
Start off the video
with,
you know, the
the text co writer system by Alex McFarland
and then, uh, flow into this terminal.
And then at the end, I want you to put the URL of my landing page and use my profile picture.
Alright?
I'm just gonna tell something like that just so I can show you how you can now start expanding this. So what I'm thinking is, like, at the beginning of this, I wanted to,
you know,
like, just show that this is the Cowriter system,
you know, Cowriter system
by Alex McFarland.
And then what I'm gonna do is
literally come over here. And now on the left, you can see this folder here public.
You can literally put images or videos in here and then copy the path and put it here and tell Claude to include those in the design. So I'm gonna grab a profile picture of myself and put it in there so it could put it into the design.
Alright. So we're gonna come here into the public folder and I copied a profile picture of myself. I'm gonna paste it in there. So you can see now I have this profile pic.
Alright. And
what we are gonna do here
is
take just the path of that, copy the path, and give it to Claude.
Alright. I don't know how good this is gonna come out. My instructions weren't the best, but you'll still be able to see the point of expanding this out, you know, creating multiple frames,
putting in your own images and assets.
So we gave it to it. Alright. It's gonna say, what is the URL for your landing page? I forgot to give it that, so it's actually alex mcfarland
dot a I
slash
co writer
system.
Right.
Alright.
So we're gonna submit that. Alright. So it got the URL. It got the photo of us.
And now let's see what it can do. We're gonna let that run for another minute, and then we'll see the update here on the right.
Alright. So Claude just finished building that out. It took, like, a minute or so, and it automatically updates here in this little studio here to the right. So we could see it added in here. It's telling us it added in an intro, the terminal scene,
and then the outro, right, and some extra files it created. And now we can click this play button and see what it looks like here.
So now it has the CoWriter system by Alex McFarlane.
We have the terminal that we had already before.
This is so insane. I'm so blown away away by this, and, uh, that doesn't happen too too often because most of the stuff you see on x is, like, a ton of hype. But now look at this. Now I'll put my image here and put the
the, um, URL. So, yeah, like I was saying, most of the stuff you see on x is, like, total hype and b s and it's you know, most of the time, it's not really good, but this was, one time where it's actually, uh, pretty crazy. Alright. So now we have that built out. But like I said,
um, I also created a Claude skill that will help you create prompts. So let's try that out now.
So we're gonna open up a new instance of Claude here,
and,
uh, what I actually did was copied the skill already, and we're gonna paste it here. So you can literally do this in, like, this original folder. Like, I created that motion design folder all the way in the beginning. You can literally do it right here, or you can put this in your, you know, current Claude system that you're running or whatever. But here, we're gonna go into dot Claude. We have the skills folder, which has the Remotion one, and now we are gonna paste, uh, my own motion design prompting skill here. I put some references of example prompts that I found were, uh, that I've been using that were really good. And we have this skill here. Let me
make it a little easier to read here.
Alright. And then we have this motion design prompt builder. So the purpose is to guide users through creating detailed motion design prompts that AI tools can actually execute.
Alright? We give it all sorts of reference materials in different phases to follow. Alright?
So now you can literally come to Claude and be like, Claude,
I need your help coming up with a motion design prompt. Can you use your motion designs prompt skill?
And then the way I designed this skill was to kinda give you two options. Like, if you already have an idea in your head,
then you can provide that idea to it. Or if you need help, you can kinda work with Claude, and it'll kinda help you come up with an idea. Right? So we say, now I understand the format. Let me guide you through creating your motion design prompt. Uh, I'll help you create a, uh, detailed motion design prompt that AI tools can execute. Do you already have a concept in mind, or do you need help brainstorming
ideas?
Alright. So now I'm just off the top of my head because I haven't really thought about this, but let's try to give an idea. We could say, like,
I have a rough idea of creating a motion design
that shows basically a user,
um, typing in a a query into a terminal, for example, like creating a LinkedIn post,
and then it's showing agents being invoked,
um, to,
uh, you know, go create this content. Uh, that's kinda my rough idea.
Of course, you're gonna have some ideas for whatever it is you do, but just to show you how the skill will work here. So it's gonna think, and it's gonna tell you, um, you know, what's this motion design for, a landing page or hero animation product demo. And you're gonna keep going through because this is gonna take, like, ten, fifteen minutes, you know, however long, uh, for you to kinda iterate with Claude. But in the end, you'll be able to come up with a prompt that looks just like the ones I showed you earlier that you can then just paste into this whatever motion motion design studio
to create the these really cool designs. Now the last note I kinda wanna wanna say
is that
the and I've been messing with this for all day now and since last night, actually, when it was released. And the one main thing I can say is don't try to get super complicated with your designs here because,
you know,
when you try to get super complicated, I was realizing it was kinda getting really messy. Things were not formatted correctly. Pieces were all over the place. Uh, it was just not good. So it's not at the point where you can create, like, these super high level,
you know, intense motion designs.
Uh, you should really try to keep it simple. So, for example, terminals like this work really good. Text on the screen, putting links and visuals like this work, uh, really well. So that's the main thing I would I would say to focus on right now. And then the last point I really wanted to leave you with was, like, you know, most of my work and all my videos and content, you know, is all focused around co writer system. Right? It's like writing with AI, creating professional
nondevelopment,
like writing workflows with Cloud Code or AI.
So
when you see me doing motion design, you might not think that that, you know, is is on par with the with the stuff I'm doing. But, you know, something that's so important going into the future now in 2026
is that, you know, whether you are
somebody who's trying to use these these systems to make money, you know, for example, you you're trying to ghost ride or or get marketing work for companies,
or if you're like a startup founder, you know, and you're strapped for resources and trying to carry out marketing by yourself,
you know, all of these just add on to your stack of skills that you have. So, you know, it's not just about writing. Writing is the focus, but then you can build on top of that. You know? Now we have, like, you know, we already have, like, research that can go on top of that. We have image generation,
video generation.
Now we have motion design. We have sound.
So when you add all of that together,
it not only just supercharges your writing, but it just makes you more of an AI operator who's able to do all these different things. And it makes you so much more valuable for either, you know, clients that might wanna hire you on to do work or for your own company if you're like a founder or something like that. So if you think about it, you know, if you're trying to land, you know, a new client and and it's you who only knows how to use AI for writing versus somebody else who knows how to use it for writing, but also all these other marketing use cases like motion design and video and thumbnails and stuff like that, they're gonna choose that other person every other time. So this is all stuff you should be learning. You know? I talk about it all the time. I run several
digital content businesses,
uh, successful businesses all by myself. And besides that, I ghostwrite for CEOs. I've ran content operations for startups.
Uh, I have, you know, news publications that I write for, and I do all of this by myself.
And it includes not just writing, but thumbnail generation, video generation, marketing material, PDFs,
now motion design, and I've never spent a penny on outside help. And I run all of this myself. So, you know, take that, you know, and definitely live by that and
start out by using this motion design skill. I'm gonna include all the resources below.
Consider joining my substack where the Claude skill will be if you need help prompting.
And, uh, yeah, drop any comments if you've tried this out already.