Transcript
00:00:00Claude Code sucks at carousels, and it's your fault.
00:00:03Right now, social media is drowning
00:00:05in low-quality Claude Code-created carousels
00:00:08that get zero engagement.
00:00:10And that's because they all look exactly the same,
00:00:12and they're all just made with pure HTML.
00:00:15And this is a major problem if you're someone
00:00:17who is trying to leverage AI in your social media marketing,
00:00:20because carousels are one of the highest converting forms
00:00:23of social media content out there today.
00:00:25So in this video, I'm gonna help you out
00:00:27by showing you how to break out of this trend
00:00:29with a hybrid approach that takes the best of Claude Code
00:00:32and its HTML assets and combines it with outside image models
00:00:36like GPT Images 2 and Nano Banana Pro
00:00:39to create carousels that actually work.
00:00:42So when we talk about carousels that convert,
00:00:45I'm talking about something like this.
00:00:46This is a post I made about five weeks ago,
00:00:49hundreds of thousands of views.
00:00:50We got about 18,000 likes on this post,
00:00:52and it is the perfect example of this sort of hybrid approach
00:00:55I'm going to teach you about.
00:00:56First of all, when we talk about carousels,
00:00:59we need to think about the cover image.
00:01:01This is the first thing people are going to see,
00:01:03and this needs to be the most visually striking.
00:01:05What you see here was created with GPT Images 2,
00:01:08and it is with this cover image
00:01:10that we are going to lean on outside tools,
00:01:12whether that is GPT Images 2
00:01:14or something like Nano Banana Pro.
00:01:16As we then scroll through the rest of the carousel,
00:01:19when we look at like the body slides or the value slides,
00:01:22this is where something like HTML assets
00:01:25created by Cloud Code itself are perfectly fine.
00:01:28You already hooked them with the cover slide.
00:01:30We got them in here.
00:01:31Now we need to give them some actual value,
00:01:34and there isn't as much of an emphasis
00:01:35on it being visually stunning.
00:01:38We just need to provide value,
00:01:40and we need to be able to do this
00:01:41in a way that is repeatable,
00:01:42that we can do over and over and over again
00:01:44in a systemized manner
00:01:45in a relatively quick amount of time.
00:01:47That's also inexpensive,
00:01:49because remember,
00:01:50it isn't free to create these images
00:01:52with something like GPT Images 2
00:01:54or Nano Banana Pro.
00:01:55I can't do that for every single image.
00:01:59Well, I mean, I could,
00:02:00but it's just going to take forever, right?
00:02:01We need to balance speed with quality,
00:02:04and I have found after doing this
00:02:06over and over again myself
00:02:07that this is the best way
00:02:09to approach carousels in AI and social media,
00:02:12and we talk about social media
00:02:13being flooded with these low-quality carousels.
00:02:15You know what I'm talking about,
00:02:16especially if you're in the AI niche here.
00:02:18Four of these six that you see right here
00:02:19were very clearly created with Claude Code.
00:02:21I don't even need to point them out to you, right?
00:02:23They have the HTML, like, slide deck field,
00:02:26and they look very, very samey,
00:02:27and you're only going to see more and more of this.
00:02:29So if you want yours to convert,
00:02:31you have to figure out something that stands apart.
00:02:34And so, as I just alluded to you,
00:02:36it's a two-part process.
00:02:37First is going to be the cover image.
00:02:39That's where we use the AI image generation.
00:02:41For today, I'm going to be showing you
00:02:43how to do this using the Higgsfield CLI.
00:02:46I like the Higgsfield CLI
00:02:47because it gives me a way to access
00:02:49any AI image generator tool,
00:02:52whether that is Nano Banana,
00:02:55GPD Images 2,
00:02:55or whatever else comes out next week that's on top,
00:02:57and do it via the terminal.
00:02:59And the second part is the body slides
00:03:00via Claude Code using HTML assets.
00:03:04But first, before we start building anything,
00:03:06we need to find inspiration.
00:03:07We need to actually do some research,
00:03:08see what's working when it comes to carousel formats,
00:03:11outside of your niche especially,
00:03:13so we have something to build off of.
00:03:15If you just try to do all this from blank slate,
00:03:17I promise you, you're going to struggle,
00:03:18and it's going to take you a ton of time.
00:03:20Why are we starting from scratch?
00:03:21Just see what works,
00:03:23and don't copy them, but take inspiration.
00:03:25And where do you find it?
00:03:27Well, you find it on social media.
00:03:29And so the easy thing to do
00:03:30is just go to Instagram,
00:03:31go to TikTok,
00:03:32search for carousel,
00:03:33that's all I put in up here,
00:03:34and start scrolling
00:03:35and seeing what jumps out at the page to you.
00:03:39What are you attracted to visually?
00:03:41What do you think looks cool?
00:03:43That's what we're going to do.
00:03:44And if I see something I like,
00:03:45I'm going to do two things.
00:03:48One, I'm just going to click on it
00:03:50and take a screenshot of the cover image,
00:03:54and then I'm going to do the same thing on the body.
00:03:57I'm going to kind of take a look at the body slide,
00:03:59see if it's something I like,
00:04:00and I'm going to screenshot that as well.
00:04:02And if this is your first time doing this,
00:04:04frankly, you should do this
00:04:05for at least like 20 to 30 minutes.
00:04:07And you need to start building a library
00:04:10of visual inspiration.
00:04:13I myself have an entire folder
00:04:15dedicated to carousel inspiration,
00:04:16and it's not all AI stuff.
00:04:18Frankly, you should be looking at stuff
00:04:19outside of your niche
00:04:21that you can bring to your niche.
00:04:22Because if I'm just doing the same thing
00:04:24as everyone else in the AI space,
00:04:26or you're doing everything
00:04:26that everyone else is doing in your space,
00:04:28it's not going to stand out.
00:04:30So it's always great to see
00:04:31what other people are doing
00:04:32in completely different domains.
00:04:34So step zero, inspiration.
00:04:36I want you to start building that library.
00:04:38And for today's video,
00:04:39I want you to hone in on one specific one
00:04:41that you would like to use
00:04:43or template off of
00:04:44for the carousel we're going to build today.
00:04:46The next step, step one,
00:04:47is to install the Higgs Field CLI.
00:04:48Again, this gives you access
00:04:49to all of the different image
00:04:51and video generators that are out there.
00:04:53So you'll just head to Higgs Field.ai,
00:04:56go to the MCP and CLI tab,
00:04:58click over here to the CLI.
00:04:59There is an MCP as well,
00:05:00but I do prefer the CLI.
00:05:02And then you're just going to install it
00:05:03by using this command.
00:05:04You're then going to run
00:05:05Higgs Field Auth Login
00:05:07to actually log into your account.
00:05:09And then you can add these skills as well.
00:05:12So now let's talk about creating these carousels.
00:05:15Now, first things first,
00:05:15you want to create a folder for your carousels.
00:05:18I call mine Chase AI Carousels.
00:05:19Doesn't matter what you call yours.
00:05:21The reason for this is long-term,
00:05:24you want to start building a library
00:05:25of your own carousels that have performed well.
00:05:28We just did the whole thing, right?
00:05:29Where we're looking through
00:05:30all these ones for inspiration.
00:05:32Well, imagine after you've created
00:05:3430, 40, 50, 60 carousels,
00:05:36and you know you have like 10 or 15 templates
00:05:39that always work.
00:05:41Well, being able to create carousels
00:05:43later down the line becomes infinitely easier
00:05:44because then you can just tell Cloud Code,
00:05:46hey, go do carousel version 10.
00:05:49We're now going to do it on this topic.
00:05:51Blah, blah, blah, blah, blah.
00:05:51So you're going to start building
00:05:53that foundation today here.
00:05:54But today, since we have nothing,
00:05:56we need to start with some inspiration.
00:05:57So what we're going to do
00:05:59is we're going to take a screenshot
00:06:00of the title page we like
00:06:03that we are trying to do ourselves.
00:06:04Now, I found this title slide for inspiration.
00:06:06So this is what I'm going to be used.
00:06:08And the topic I'm going to be talking about
00:06:10for my carousel are the top five
00:06:12Cloud Code plugins for June.
00:06:15And so with the screenshot of that image
00:06:16put into Cloud Code,
00:06:18I'm now going to prompt
00:06:19something along the lines of,
00:06:21hey, here's the image
00:06:22I want to use as inspiration.
00:06:24Use the Higgs field CLI.
00:06:26Use this particular image model.
00:06:28We'll use GPT images too.
00:06:29And then I'm going to go into
00:06:30how I want it to differ
00:06:32from the original image.
00:06:34So I want you to use this Higgs field CLI
00:06:36to create a cover image
00:06:38for my new carousel
00:06:40that's going to be about
00:06:41the top five Cloud Code plugins for June.
00:06:45That's the title I want on the page.
00:06:46Top five Cloud Code plugins for June.
00:06:48I want to use the screenshot
00:06:51that I just gave you as a reference image.
00:06:53So I want it to be
00:06:54essentially exactly the same as that image,
00:06:57but swap the current woman
00:07:02who's sort of the statue in the middle,
00:07:03change it to a male.
00:07:05So we switch it up a little bit,
00:07:06but keep everything else the same
00:07:08in terms of aesthetics.
00:07:09What I want also changed
00:07:10is I don't want those things
00:07:12to be Photoshop icons.
00:07:14Just have them be like GitHub icons
00:07:17or an anthropic icon instead.
00:07:20I want you to use GPT images too.
00:07:22I want you to use an aspect ratio
00:07:24that's as close to four to five as possible.
00:07:27I want it to be high quality.
00:07:28I want it to be 2K.
00:07:29And I want you to have it create four images.
00:07:32And once they're done,
00:07:33go ahead and bring them up for me.
00:07:35So now it's going to go ahead
00:07:36and start building it for me.
00:07:37So I told it the reference image.
00:07:39I told them how I want it changed.
00:07:41Because remember, if we look at it,
00:07:42I'm basically saying change the statue
00:07:45to be something that's male,
00:07:46get rid of the Photoshop icons
00:07:48to be like GitHub icons,
00:07:49and then change the actual text.
00:07:51Beyond that, I told it which image model
00:07:52to use, GPT images too,
00:07:54and then gave it some instructions
00:07:56in terms of the quality.
00:07:59Now, if you don't know
00:08:00what sort of inputs you need to give
00:08:01for a particular image model,
00:08:02say you're using Nano Banana Pro
00:08:04instead of GPT images too,
00:08:05Cloud Code knows.
00:08:07It has the skills.
00:08:07It has the CLI.
00:08:08So it can tell you what it thinks is best.
00:08:11The biggest thing is to get that just prompt correct
00:08:14in terms of what you want to change.
00:08:16Now, the other thing you need to remember is,
00:08:19especially at the beginning,
00:08:20when you're just getting started here,
00:08:21you're probably going to have to do this a few times.
00:08:23It's going to give us an image back.
00:08:24We're probably going to have to edit it.
00:08:25So there's this iterative creative process.
00:08:28It's very rare that you one-shot these things.
00:08:30And that's why we do this purely for the title page.
00:08:33Imagine going through this process
00:08:34for each and every slide,
00:08:36each and every image in your carousel,
00:08:38which could be up to like 10 images.
00:08:39It just takes too long.
00:08:41That's why we do this only on the title,
00:08:42and the rest of this we do much quicker via HTML.
00:08:46So here are the images it came back with.
00:08:48First thing, it's missing the actual text.
00:08:52But I would say, overall, not bad
00:08:56in terms of the general vibe we're going for.
00:08:58I like how the statue came out.
00:09:00I like how the icons came out.
00:09:01We could nitpick the icon with Anthropic a little bit.
00:09:05Maybe the cream looks a little different.
00:09:07But it kind of has what we're going for.
00:09:09If we can just imagine the text being put up there,
00:09:11I would be happy with this.
00:09:13We even have some shadowing and things like that.
00:09:14And if we compare it to the original,
00:09:16and I'll hop off screen for a little bit,
00:09:18pretty close, right?
00:09:20Like you can see where the inspiration came from.
00:09:23There's a little bit more going on
00:09:24with the original, right?
00:09:26They would have another icon up in the top left,
00:09:27but I like it.
00:09:28I think if we now just add the text here,
00:09:30I would be totally happy.
00:09:31To be honest, not totally sure
00:09:32why the text disappeared,
00:09:34but pretty easy move going forward, right?
00:09:36And you actually have two options here.
00:09:38The first one is we take this cover one
00:09:40because I like this one out of the four it produced.
00:09:43We just feed it back into Cloud Code
00:09:45and we say, hey, just keep everything the same.
00:09:47All I want you to do is add the text to the top.
00:09:51The other option is you could bring this
00:09:52into something like Canva
00:09:53if you want to be a little more hands-on.
00:09:55The choice is yours.
00:09:57But for today's video,
00:09:57we're going to give it this image and say,
00:09:59hey, add the text for top five skills
00:10:02or top five plugins for Cloud Code in June
00:10:05and like highlight some portion of it
00:10:07so it has sort of that, you know,
00:10:08like rainbow effect we see along the eyes.
00:10:11So I like this image we came up with,
00:10:13but I wanted to add the text
00:10:15and I wanted to emulate the text
00:10:16from the original image we use as the reference image.
00:10:20So remember for the title,
00:10:21the text I want is it to say
00:10:23the top five Cloud Code plugins for June.
00:10:27And then some portion of that
00:10:29should have sort of that like rainbow gradient,
00:10:33the same sort of thing that's going along
00:10:35our statue's eyes, so to speak.
00:10:38So go ahead and do that
00:10:40and create four versions of that as well.
00:10:41And that's pretty much how that back and forth needs to go
00:10:44when you go through this.
00:10:45You don't need to overcomplicate it.
00:10:46Just say what you want.
00:10:47Ask for multiple images.
00:10:48It can do four at a time.
00:10:50Actually, I believe it can do up to 16 at a time,
00:10:52but I found four is kind of a good middle ground.
00:10:55We'll see what it comes back with.
00:10:56So here's what we got when we told it to add the text.
00:10:58So like I said, we got four options of the four.
00:11:02I think I like this one the best.
00:11:05If I had more time, I would probably edit this maybe a little bit more,
00:11:09maybe add some sort of like drop shadow to the text itself
00:11:12to give it a little bit more of a pop.
00:11:14But you can kind of go on forever and ever trying to get something you like.
00:11:18But I think this is good enough for now.
00:11:20If I saw this when I was scrolling through my own Instagram or TikTok or whatever
00:11:23and I saw this as a cover image, I would stop.
00:11:25So once we have the cover image locked in, now we can go into the body slides.
00:11:29And remember, when we talk about the body slides,
00:11:31this is just everything after the title slide.
00:11:35And some things we want to keep in mind is
00:11:37we don't have a lot of room to operate here.
00:11:40So like this single slide, right?
00:11:42We have one image, we kind of have a title,
00:11:45and then we have like one or two lines of text to work with.
00:11:48You kind of want to treat this almost like you would a normal slide deck with PowerPoint.
00:11:51We don't want to fill it with text.
00:11:53Images are good.
00:11:54We all love images.
00:11:55Come up with some sort of title, and then you get like,
00:11:58you get a couple sentences.
00:12:00So, you know, economy of action is really big here.
00:12:03But what you need to think about is, okay, what are the images going to be?
00:12:07What is the general background going to be?
00:12:08And what is the text going to be?
00:12:10Now, the great thing here is this is almost entirely done with HTML.
00:12:14So Cloud Code generates all of this on its own.
00:12:17With one exception, that being these screenshots.
00:12:20So I gave Cloud Code these screenshots you see for a lot of these things.
00:12:24Well, for some of these things.
00:12:25So this was a screenshot I gave, and I told to put it in there.
00:12:28This was a screenshot I gave it.
00:12:30But it can also create its own.
00:12:31So this thing showing like a terminal, Cloud Code created all of that.
00:12:35I didn't do anything.
00:12:36So in this portion, what we need to do is we need to figure out what we want these slides to look like.
00:12:42And then we're going to, just like we did with the cover slide, have sort of an iterative process.
00:12:46But we can get a lot more hands-on.
00:12:48Because what I'm going to show you is we're going to have Cloud Code create these HTML slides for us.
00:12:52But we're going to bring it up in our browser.
00:12:54And we can actually do tweaks.
00:12:55Like we can actually go in there, change the text, move stuff around, tell it to make edits.
00:13:00So we get even more control than we do with the title slide.
00:13:03But just like the title slide, this is where we can also use inspiration.
00:13:07So let's say I wanted to copy what I've done here and one of mine already.
00:13:11Or you wanted to copy one of mine.
00:13:12So what are we going to do?
00:13:13We're going to take a screenshot.
00:13:15We're going to paste it in here.
00:13:16And now I'm going to give it a prompt, something saying like, hey, now let's kind of work on the title.
00:13:20Now let's look on the body slides.
00:13:21We've got the title slides done.
00:13:23Here's sort of what I'm looking at.
00:13:24I want to do some pure HTML.
00:13:26Can we bring it up in the browser?
00:13:27Now I'm just sort of doing these prompts raw.
00:13:30All of these prompts I'm giving Claude Coden now could also be skills because we can totally codify all this.
00:13:36Now I have my own personal skills for all these things as well as examples of my very own carousels.
00:13:42You can get all that inside of my community.
00:13:44I'll put a link to that in the pin comment.
00:13:47But if you're doing this on your own, this is what it should kind of sound like.
00:13:50Now let's move into doing the body slide.
00:13:53So we have the title slide locked in.
00:13:54I like what we did there.
00:13:55And now with the body slide, it's going to be HTML.
00:13:57This image you saw is what I want to use as inspiration.
00:14:00I kind of want to use this as a template for how we do our body slides.
00:14:04I like the textile.
00:14:05I like the background.
00:14:06I like all that.
00:14:07So I want to create the body slides.
00:14:10I want it to be HTML.
00:14:11I want you to be able to pull up this HTML in the browser.
00:14:14And I want to be able to do the tweaks.
00:14:15So I want to be able to move things around, change font size, change the actual text there,
00:14:19and be able to do it via the browser.
00:14:21I have to copy over the JSON.
00:14:23When I make those edits, so be it.
00:14:24But I want it to be as easy as possible.
00:14:27And for the five body slides, I want them to relate to the five plugins for June.
00:14:33So for example, five plugins we can do.
00:14:35Let's do for one of them.
00:14:36Let's do Caveman.
00:14:38Next one, we'll do the Codex plugin.
00:14:41Third one, let's do Impeccable.
00:14:43And then come up with the fourth and fifth plugin on your own.
00:14:47And then bring it up once you've done that.
00:14:49So it went ahead and built the slides, told us the five plugins it created,
00:14:53and then also created this tweak loop thing.
00:14:55So we're bringing it up here inside of the browser.
00:14:58You can see it.
00:14:59So remember, what did we give it?
00:15:01We gave it a screenshot of my carousel I created here.
00:15:05So relatively similar, you can see it tried to emulate the Anthropic logo back here.
00:15:10I could easily feed Claude Code an actual image of the Anthropic logo
00:15:14and have it base it off that.
00:15:16But we have sort of this pill up here, plugin number one, caveman mode.
00:15:21And also, I didn't tell it what caveman was.
00:15:25Remember, it on its own did its research, took a look at GitHub,
00:15:28created all the copy for us.
00:15:30I didn't give it any copy.
00:15:31And it went ahead and did this for pretty much everything.
00:15:34And you can see here on the bottom, you know, this little like terminal thing it created,
00:15:38relatively simplistic because, again, it's just working off its own HTML assets.
00:15:41I didn't give it any sort of screenshots.
00:15:43But the real power of this is over here on the tweaks.
00:15:45So this idea kind of spawned from Claude Design, which also has its own sort of tweak mode.
00:15:50So I thought, hey, why don't we just start implementing something like this,
00:15:53which is fairly easy to do when we do our carousel.
00:15:56So I can change, you know, the headline size, the body size, you know, the opacity in the background.
00:16:03And then I can really easily, you know, change stuff on the fly, right?
00:16:10This is the power of doing everything through HTML versus having to do it all through an AI image generator.
00:16:15And anything on here, I can adjust, right?
00:16:17The card, we can adjust to tilt everything.
00:16:20Now, if I change something, when it creates this tweak thing for you, again, I have my exact skill for it in the school community.
00:16:29But if you do this yourself, it's probably going to say, hey, like when you make these changes, you need to export your tweaks.
00:16:34So there's export tweaks on the bottom, which is just in JSON.
00:16:38So anytime we make a change, and I can do this on multiple slides at once, I just export the tweaks, go back into here,
00:16:44and then paste them directly into Claude code.
00:16:47And then it's going to update it on its own.
00:16:49So really easy to change stuff.
00:16:51And like from here, what are we going to do?
00:16:54Well, we're just going to go through the slides.
00:16:55We're going to see if it matches our vision.
00:16:57You know, is it like too wordy, not wordy?
00:17:00Is it talking about the right things?
00:17:01And then I think where you can really like add to this is adding screenshots to things.
00:17:07So for example, what's something we have here?
00:17:10Caveman mode.
00:17:11So I can go to the caveman GitHub.
00:17:13And it could be as simple as me like taking a screenshot of this image, going into Claude code,
00:17:19pasting the image in there and saying, hey, can we add this image to the caveman slide?
00:17:26It is the caveman image instead of whatever you created.
00:17:30And then we would just repeat that process over and over and over.
00:17:33And you can see it added the caveman image here.
00:17:36And it's pretty big.
00:17:37So I can just, you know, move it around until I get something I like.
00:17:43And furthermore, you can also tell Claude code to go out on the internet and find appropriate images for all these things too.
00:17:49It isn't just HTML or screenshots like you can get pretty creative here.
00:17:53And at this point, we would just repeat this process over and over until we get something we like.
00:17:58Again, in terms of creativity, a lot of it's going to come from the inspiration you found.
00:18:02Mine was this one.
00:18:03But just like I talked about before, where we go into actually searching for carousels on Instagram, we did it for the cover image.
00:18:09You can look at all their body slides as well.
00:18:11And that's pretty much it in terms of how to do it.
00:18:14Now, to make it look good, you know, creative stuff depends on what you're talking about.
00:18:18But like, that's the Claude code piece of it.
00:18:20That's the building side of it.
00:18:21And it's very simple.
00:18:23And again, like I talked about earlier, you're just going to do this for all your carousels.
00:18:27And they're all going to have different templates.
00:18:28And so when it comes time to, you know, build carousel number 20, when you've been doing this over and over and over again,
00:18:35you don't even have to go through all this trouble we've gone through at this point of like,
00:18:38all right, find the inspiration, do these tweaks.
00:18:39Like, it's already kind of pre-built.
00:18:41You just change the copy.
00:18:43And so it is through this three-step process of finding inspiration, creating the cover image with outside AI image models,
00:18:49and then three, creating the body slides with HTML, that we get a sustainable and repeatable process
00:18:57that kind of gives us the best of both worlds.
00:18:58We get all the cool creativity and all the cool imagery with the AI image models,
00:19:03yet the HTML is kind of the backbone, but it's easy enough to execute that we can do this at scale over and over and over
00:19:08and not be sitting at the computer for hours every day.
00:19:11So with all that in mind, that is where I'm going to leave you today.
00:19:14I hope this sheds some light on how to create carousels that are just a bit better, I think, than what you see out there.
00:19:20Don't fall into the, oh, all you need is this single skill inside of Cloud Code Trap.
00:19:25We can do a bit more.
00:19:26And again, it isn't that much more work.
00:19:29You just have to build a foundation.
00:19:31So as always, let me know what you thought.
00:19:34Make sure to check out Chase AI Plus if you want to get your hands on my Cloud Code Masterclass,
00:19:38as well as all my skills and examples of my carousels.
00:19:41That is inside the pinned comment.
00:19:43Besides that, I'll see you around.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video