Three Animated Instagram Carousels Built Entirely in Claude Code, for $9 to $16 Each
A SaaS app, a restaurant, and a clothing brand each get a six-slide motion-graphics carousel, coded and rendered locally by Claude instead of any AI video model.
Posted
yesterday
Duration
Format
Tutorial
educational
Views
447
40 likes
57 · 43
Big Idea
The argument in one line.
Claude can write the code behind a six-slide animated Instagram carousel instead of rendering AI video, which means it loops frame-perfect for free on a local machine and stays editable after it ships.
Who This Is For
Read if. Skip if.
READ IF YOU ARE…
A creator, marketer, or agency owner who wants a cheaper, editable alternative to hiring motion designers or UGC creators for social carousels.
Someone running a SaaS, restaurant, clothing brand, or local business (gym, salon, real estate) who wants a scroll-stopping Instagram ad or organic post.
A Claude Code user curious about using it for visual/motion-graphics output instead of pure software development.
SKIP IF…
You want a no-code, drag-and-drop tool. This requires running Claude Code and iterating on prompts yourself.
You need the carousel today. The install still involves downloading a skill, a zip, and writing a prompt before anything renders.
TL;DR
The full version, fast.
A creator used Claude Code to build three animated six-slide Instagram carousels (a SaaS app, a restaurant, and a clothing brand) after an earlier carousel-animation video hit 40,000 views but left viewers asking for real use cases. Claude writes the carousel as code rather than generating video, so every shape and loop renders frame by frame on the user's own computer, which is why the last frame can match the first for a seamless Instagram loop and why any element can be edited afterward without re-rendering. On pay-per-token API pricing the three carousels cost $9.39, $13.09, and $16.19; on a flat-rate Claude subscription they cost nothing extra. The video also names the five rules (easing, weight, rhythm, the loop, one continuous world) that separate convincing motion from cheap-looking animation, then walks through installing the free skill from his Skool community.
Free for members
Chat with this breakdown — free.
Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.
Recap of the earlier viral video (40,000 views in 3 days) and why this follow-up exists: viewers kept asking what the real use case was, not just how cool the loops looked.
02:22 – 04:11
02 · How motion graphics works
The five rules that separate convincing motion from cheap animation: easing, weight, rhythm, the loop, and treating six slides as one continuous world.
04:11 – 06:20
03 · Use case 1: a SaaS app (Flowpilot)
A loose, one-paragraph prompt turns into a flight-themed carousel for an AI busywork tool, with no images or API calls involved; Opus 5.5 API cost $9.39.
06:20 – 08:12
04 · Use case 2: a restaurant (Ember & Bun)
A fully scripted, slide-by-slide prompt produces a $14.99 burger-launch carousel where a drawn burger assembles itself across the swipe; API cost $13.09.
08:12 – 10:43
05 · Use case 3: a clothing brand (VOIDWEAR)
Claude connects to Higgsfield to generate real product renders first, then builds a gravity-themed drop carousel with a synced four-bar music loop; his best result, at $16.19 to run.
10:43 – 11:50
06 · What it actually cost
Exact Opus 5.5 API pricing per carousel, pulled straight from the Claude Code session logs, versus paying nothing extra on a flat-rate subscription.
11:50 – 12:05
07 · Which model to use
Opus 5.5 built all three carousels; the creator says he tried GPT-5 and judged it worse for this specific task.
12:05 – 13:19
08 · How to install the skill
Step by step: join the free Skool community, open the video's post, download the zip and prompts from Google Drive, drag it into Claude Code, and prompt it to build a carousel.
13:19 – 14:09
09 · Where you can use this
Instagram carousel ads, organic marketing, animating existing static Canva carousels, and selling the service to local businesses like restaurants, gyms, and salons.
14:09 – 14:57
10 · My honest take
Carousels aren't dead, but once most people's carousels look the same, motion graphics and real design become the differentiator.
Atomic Insights
Lines worth screenshotting.
Claude doesn't generate carousel animations as video. It writes JavaScript code that renders every shape, particle, and letter frame by frame on the user's own computer.
A six-slide animated Instagram carousel can cost nothing beyond an existing Claude subscription, since the renderer, fonts, music, and sound effects all run locally for free.
On Opus 5.5 API pricing, three full six-slide animated carousels (SaaS, restaurant, clothing) cost $9.39, $13.09, and $16.19 respectively, each taking about 90 minutes to generate.
Instagram loops carousel video slides forever, so the last frame of each slide has to visually match the first frame, or the loop shows a jarring jump on every repeat.
Treating six carousel slides as one continuous scene, with an element appearing to carry across the swipe boundary, reads as more professional than six disconnected images.
The two animation principles that separate convincing motion from cheap-looking motion are easing (nothing moves at a constant speed) and weight (objects squash on landing and stretch when falling fast).
Because the carousel is code rather than a rendered video file, any element, color, or line of copy can be changed afterward without regenerating or re-paying for the whole asset.
Connecting Claude to a product-image generator (Higgsfield, producing GPT Image 2.5 renders) lets it build 3D-style product assets from scratch when a business has no existing photography.
Static carousels already built in Canva can be animated on top of the existing design rather than requiring a full redesign.
The same code-driven carousel technique applies to local businesses like restaurants, gyms, salons, and real estate, not just tech products.
Takeaway
What Makes a Coded Carousel Loop Feel Expensive
WHAT TO LEARN
A six-slide Instagram carousel coded by Claude instead of rendered as AI video can loop seamlessly, cost under $17 to generate, and stay editable long after it ships.
02How motion graphics works
Nothing in the real world moves at a constant speed, so an animation that skips easing in and out reads as robotic no matter how polished the assets look.
Design the last frame of a looping clip to match the first frame exactly, or a video that loops forever (like an Instagram carousel slide) will show a visible jump on every repeat.
03Use case 1: a SaaS app (Flowpilot)
Giving the AI a loose creative brief (story, problem, product, result, one visual rule) instead of a literal spec let it invent its own on-theme details, like turning a product called Flowpilot into a flight-chart visual metaphor.
A carousel that's pure code, with no stock images, AI-generated video, or extra API calls, can cost nothing beyond a subscription that's already being paid for.
04Use case 2: a restaurant (Ember & Bun)
Writing out every slide, color, and camera direction explicitly is the other valid prompting style, useful when a brand has a specific vibe that has to be hit exactly rather than left to the model's judgment.
Carrying one element (a burger, a product) across the swipe boundary from one slide to the next makes a six-slide carousel read as one continuous sequence instead of six separate posts.
05Use case 3: a clothing brand (VOIDWEAR)
When a business has no existing product photography, connecting the coding AI to an image-generation tool first, then building the animation around those renders, is a workable two-step pipeline.
Locking every slide to the same musical bar count keeps a sound-synced loop from drifting out of rhythm when it repeats.
06What it actually cost
Pulling exact token costs from a coding session's own logs, rather than guessing, is how to answer 'what does this actually cost': this creator's three carousels ran $9.39, $13.09, and $16.19 on pay-per-token pricing.
Running multiple AI coding sessions in parallel is a practical way to cut wall-clock time on a project without raising cost on a flat-rate plan.
07Which model to use
Picking the newest flagship coding model over a cheaper alternative can be worth it when the output-quality gap is large enough to notice on a side-by-side comparison.
08How to install the skill
Distributing a reusable technique as a downloadable 'skill' (a zip of prompts and starter code) is a way to productize a workflow without building a SaaS product around it.
09Where you can use this
The same animated-carousel technique extends past tech-company demos to Instagram ads, organic marketing, reviving existing static Canva carousels, and local-business clients like restaurants, gyms, and salons.
Glossary
Terms worth knowing.
Opus 5.5
The Claude model used to write every line of animation code for all three carousels in this video; the creator compared it favorably against GPT-5 for this specific task.
Higgsfield
An AI tool for generating product images and 3D-style renders, used here when a business (the clothing brand) had no existing photography to animate.
HyperFrames
A free, open-source motion-graphics framework that the SaaS-carousel version of the skill is built on top of.
GPT Image 2.5
An OpenAI image-generation model, used inside Higgsfield to produce the clothing brand's product renders before Claude animated them.
Skool
A paid-or-free community-hosting platform where creators post courses, updates, and file downloads for their audience; the free skill in this video is distributed through one.
“A car speeds up, then slows down. So in motion graphics, nothing moves linear. If it moves at one speed, it looks like a robot.”
a tight, visual rule-of-thumb anyone can picture→ TikTok hook↗ Tweet quote
03:32
“Most people don't get it. Claude isn't generating a video like those AI video models. It writes code.”
the core surprising mechanism of the whole video in one line→ newsletter pull-quote↗ Tweet quote
06:14
“No image, no API calls, no sound. Literally the only thing that you're paying for is Claude.”
a blunt cost claim that doubles as the thesis→ IG reel cold open↗ Tweet quote
14:15
“When everybody's carousels look the same, and you have motion graphics and good designs, I think yours will basically top off the other ones.”
closing thesis that reframes the whole format as a differentiator→ newsletter pull-quote↗ Tweet quote
The Script
Word for word.
Read-along
Don't just watch it. Burn it in.
See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.
17px
metaphoranalogy
I'm actually super excited to make this video. These are three carousels. One for a SaaS app, one for a restaurant, one for a clothing brand, and every single slide is moving.
And Claude made all of it. Three days ago, I made a video about motion graphics and carousels because I saw nobody has made ever a video about it because this is new. And it did over 40 ,000 views.
i was not expecting it to do so well then the best thing is you guys start using the skill you made your own carousels and posted them in our school thank you so much for that honestly that's why i'm showing them right here but the thing is i read the comments also on youtube and people kept saying the same thing it looks really cool but what's really the use case how can we do this they really don't see it and kind of they're right a lot of them kind of look the same so that's the whole video Three real businesses.
What I ask a lot for what it made and how much did it actually cost me? Which model did I use? Then also I'll explain how machine graphics actually work.
So you understand why these looks so good, how to install the scale, which model you need to use again, and a bunch of ideas for where you can use this for your own business or to your clients. As you know me, I'm not keeping any of this. I have multiple carousel skills away already in my school and have shared them.
completed with the prompts and everything and a scale the zip everything you see here is free in my school community link is in the link in the description and just so you know nobody paid me to make this video you can look at the description i don't actually make any revenue out of this somebody in the comments said i'm monetizing but i'm far from that everything i'm doing here is out of my own pocket But here's the thing.
I do have one thing to ask. I would love if you could stay all the way to the end of this video. First, you could actually understand how it works.
And second, because it really helps also my video and the algorithm pushes it and more people get to see it. I'm not asking for your money. What I am asking for is your attention and it's worth way more than money.
And in return, I'm going to give you as much value as I can. And everyone that subbed, thank you. You don't know how much this means to me.
These last three days went crazy. I had 400 subscribers and now I'm at 2 ,500. It just shows that consistency pays.
I really appreciate you guys. Okay, I'll stop yapping. I promise you guys hate that.
Let's get right into it. First, real quick. How does motion graphics actually work?
Because once you know this, you will see every slide I show you. So the first rule is easy. Nothing in real life moves at the same speed from start to finish.
A car speeds up, then slows down. So in motion graphics, nothing moves leaner. If it moves at one speed, it looks like a robot.
That's the number one reason cheap animations look cheap. When something lands in squashed, when it fails fast, it stretches. That makes a bun look heavy when it drops instead of looking like a sticker.
The third rule is rhythm. Every hits, every bounce, every, every flash lands on beats, even with the sound off. and then two rules that are just for carousels rule number four the loop on instagram a video slide loops forever so the last frame has to flow right back into the first one if it doesn't you see a jump every single time and that can be annoying and rule number five one word the slides are in six separate videos they're one long scene cut into six things across the edge from one side into the next so when you swipe it feels like the camera is moving not like you're flipping pages like you can see with the clothing brand that i have every time i swipe and here's the thing most people don't get cloud isn't generating a video like those ai video models it writes code every shape every particle every letter is coded and the code knows exactly where everything is at and what frame it is so it goes frame by frame on your computer that's why the loops are actually perfect and that's why you can change anything after you don't like the color it's simple you can just change it you don't pay again to try again okay so now let's look at the use cases so the first use case is a sas app the business flow pilot
An AI tool that takes care of team busy work, emails, reports, task updates. They're launching and they need a post that shows product actually working. The prompt for this one, I barely told Claude anything.
Just the goal, tell a story, the problem, the product in action, the results, then the call to action. Make the UI look real, like you're watching the product. Work one rule, no dark background with neon glow.
And I added, at the end, surprise me. So it can use its own creativity. And look at this.
It turned the whole carousel into a flight chart. Warm paper, contour lights. Because the product is called Flow Pilot, even the logo, the cursor, and the little plane are the same as an arrow shape.
I didn't ask any of it. It just used its own creativity. Opus 5 .5 is really going crazy right now.
Slide one, the problem. Your team is flying. Manual notifications.
Slams in faster and faster. Slide two, you meet Flowpilot. The AI cursor flips an autopilot switch and the whole mess snaps into neat rows.
Slide three, the product in action. The AI writes a reply, makes the PDF reports. And you can, if you have a dashboard, it can actually take the screenshots of your dashboard and make them into a motion graphic design.
Slide four, little planes fly from low pilot to every app, like an airline route. The slide five is the kind of the results. departure board flips and finishes the task and of course the call to action the cta the last slide your teams work on autopilot most sas posts are either screenshots or they need to hire a ugc to make them post this one actually shows the product in an entertaining way that has never done or it has been done in the past but you had to pay a crazy amount for that and maybe for a post that could potentially flop so here are the costs for this there is there are no costs No image, no API calls, no sound.
Literally the only thing that you're paying for is Claude. Use case number two, a restaurant. The business Ember and Bun, a smash number spot.
They're launching a new burger called the Inferno. It's $14. So the prompt that I gave it is this time it did the opposite.
I wrote out every slide, the colors, the vibe, what happens on each slide, and then rules. Real bounce camera shakes when things land. So now let's look at slide by slide.
The first slide is the pitch black strikes. The fire ignites something hot is coming, you know. The second slide, the bun drops.
The two patties slam down with a shockwave and grease flying everywhere. And keep in mind, here what we can do, this is like obviously $0. You can use Hicksfield to generate a burger.
And of course, it could be connected to the MCP. I'll show you. Okay, I'll stay quiet actually and we'll see the last one.
so the third slide is the cheddar melts the onions rain down the jalapenos bounce so it looks really clean here slide four the chili sauce wraps around the burger the top of the bun drops and the whole thing just squishes the fifth slide is the reveal of the burger the ring the fire the inferno slaps with a camera shake and slide six is the cta it's order now and this is my favorite part at the end of every slide a burger whips into the next one like an assembly line so when you swipe you're literally watching the burger getting built and that's really entertaining to the viewer and this burger is not a photo claude drew every single ingredient in code and that's crazy thanks to javascript it even renders the six slides as ready to post 8 seconds each and checked that every loop is seamless.
I know for sure restaurants would pay an agency for an ad like this. And if you run a different restaurant, you just changed the entire thing. Use case number three, a clothing brand.
And honestly, this is far my best one. The business Voidwear. A streetwear brand dropping collection 01 called Gravity.
Hoodie cargo pants and puffer jackets and sneakers drop it. is friday 8 p .m so the problem that i gave it is kind of crazy on this one i wanted a real product real id models so i connected claude with hicksfield and told it to make all the assets itself first then build the carousels around them the slide one it's total darkness a violet beam cuts in and it's called gravity The slide two, and it's my favorite slide, is the hoodie.
Floats in zero gravity, the fabric and ripples, and call -outs to the details. Slide three, the 3D sneaker spins 360 degrees, explodes into pieces, and snaps back together. Honestly, just look at that.
It's amazing. Slide four, the full fits. The pieces burst out and lock into place.
Slide five, Defy gravity flips upside down, then flips back. Slide six is the drop, a black hole, the pieces, spiral, 8pm, slams on the screen, the CTA. And this one has a sound.
It's made on my computer too, for free. And every slide is exactly four bars. So the loop never jumps.
That's the rhythm and the loop working together. So I'll stay quiet and you watch it.
basically fashion sells our own products and here the product is the star every single slide and if you already have a product or photos you don't need basically to use Hicksfield now a lot of people asked how much does it actually cost so I didn't want to really guess and I went back into all three cloud code sessions and counted every token so first one the tools the rendered the fonts the music the sound effects all free all running on your computer at zero dollars what you're paying for is clot and if you're on cloud subscription like me i'm on personally the max plan you don't pay per carousel it just comes out on the plan's usage but if you were paying through the api here's how each one would cost each one took an hour and a half and i ran all three at the same time but that's just the api cost and the clothing brand has an extra cost which is hicksfield the five images are gbt image 2 .5 sunburst version at 2 .75 credits each removing the backgrounds one credit each and 3d sneakers hoodies now think about an agency how much would they charge a lot more than that for one animated ad and here you would get carousels you can change anything you want after which model i use i personally use opus 5 .5 honestly i did try on gbt it's just it's not the best i'll be honest
opus 5 .5 is really quicking at the moment and that's where i built all three carousels now how to install it and i will go slow step by step so the first step is go to my school community it's free link is in the description step two you'll find a post that i made specifically on this one and it will have a link on it you click on the link it will take you to the free resources in our school community and you scroll down you will be able to see the prompts And you'll also be able to see a link to the Google drive.
So what you have to do is download. You will see two things. You will see the prompts.
You will see a zip. You install the zip. You open cloud code in that folder.
So you either can do it in chats, grab the zip and drag it into cloud code and say, and give the prompt at the same time. Or you can open the folder and drag the zip in there. Then you just give it the pop, the prompt dissect.
Basically the prompt will help to dissect and install the zip properly. once it's installed you can just say type uh build me a carousel you can choose either you want to use xfield or you can say build make yourself for my sas platform and you'll see how it will make the carousels so i have a library that is in the skill which it will go through the designs that i've already put in there for you now where can you actually use this because that's the whole situation that i've seen in the comment section it can be in ads instagram lets you run carousels as ads with video slides and slides that move stops people from scrolling the second one for marketing for your own business it could be organic or if you want to launch something honestly anything that you would normally post A static carousel.
Your static images, if you already have a carousel you made in Canva or anywhere, the skill can bring those images to life without changing your designs. You give it the image and then it animates them. Then you can also sell it for local businesses, restaurants, gyms, salons, real estate, events.
And when I'm saying selling it, if you were one of these restaurant owner or you have a gym, you could be having those talk for yourself. My honest take, carousels aren't dead. they're still very good but when everybody's carousels look the same and you have motion graphics and good designs i think yours will basically top off the other ones okay i think that'll be it for this video you want the skill it's free in the description link is in and if you stayed all the way to the end of this video thank you so much for watching i'm a little bit tired to be honest the entire day i've been working on this seriously it helps me a lot you guys really motivate me to keep making these videos and keep giving skills away.
I have one thing to ask is if you have an idea, please share it in the comment section. That's the entire reason why I'm making this video right now, because I saw so many people comment. And if you didn't click on that subscribe button, please do.
And I'll see you on the next one. Thank you.
The Hook
The bait, then the rug-pull.
A follow-up to a carousel-animation video that hit 40,000 views in three days: this time, three real example businesses, three exact price tags, and the five animation rules that make an Instagram carousel loop like a video instead of a slideshow.
Frameworks
Named ideas worth stealing.
02:27list
5 Rules of Motion Graphics (for carousels)
Easing - nothing moves at a constant speed
Weight - objects squash on landing, stretch when falling fast
Rhythm - hits, bounces, and flashes land on a beat, even with sound off
The Loop - the last frame has to flow into the first so an Instagram video-slide loop doesn't jump
One World - six slides cut from one continuous scene so swiping feels like the camera moving, not flipping pages
The five animation principles the creator says separate a convincing motion-graphics carousel from a cheap-looking one.
Steal forany animated social carousel or UI motion design
CTA Breakdown
How they asked for the click.
VERBAL ASK
12:05link
“Join my free Skool community, link is in the description”
A soft, repeated CTA to a free community rather than a paid product, with the install walkthrough shown on screen step by step and reinforced by the video description.
Add Modern Creator as a preferred source and Google shows you more of our breakdowns in Search, Top Stories, and AI Overviews. It only changes what you see, and you can undo it in your Google settings anytime.
Add to Preferred SourcesOpens your Google source preferences with us pre-loaded. Tick the box and you're done.
A creator maps six tiers of Instagram carousel quality, from copy-paste Canva templates to animated avatar carousels, and gives away the Claude skill that builds all of them for free.
A breakdown of turning 10,000-character prompts, local audio synthesis, and automated critique loops into high-end motion graphics with Claude and zero paid APIs.
A DaVinci Resolve editor pairs Claude Code with the free HyperFrames tool and a reusable rule set, turning one spoken sentence into a rendered motion graphic that lands on the beat instead of looking like default AI output.
Claude Code doesn't generate video pixels. It writes a function that returns one frame for any given time, then a headless browser and FFmpeg turn that function into an MP4 for free.