WEBVTT 00:00:00.080 --> 00:00:02.240 If you're like me, you are terrible 00:00:02.240 --> 00:00:07.040 at making thumbnails, which is unfortunate because 90% of your energy is used for ideation, 00:00:07.040 --> 00:00:22.155 script writing, being on camera, and editing. While, yes, all those things are important, none of them matter if nobody clicks on your video. So I asked Claude this question. How can I fix this? How can I double my click through rate? And this is what Claude gave me. Very clean, minimalistic. 00:00:22.155 --> 00:00:36.750 Who the heck is that? Now that one I like. That looks nothing like me. Okay. Clean me up a little bit. These really aren't bad for my first shot, but the second shot looks a little better. Today, I'm gonna show you how quick and easy it is to use Claude to make thumbnails 00:00:36.830 --> 00:01:17.045 for your channel. I'm gonna give you the skills file you need to create these exact style of thumbnails, and I'm gonna give you a sneak peek of the tool that I've been working on the last few weeks that's gonna make this whole process next level. The first thing that we're gonna need is a folder, someplace that you can store your projects, the skill file, the Claude MD file, any and thumbnails that we end up generating through this process. So go ahead and create a brand new folder. If you already have a folder dedicated to clod projects, you can use that one. Otherwise, create a brand new folder specifically for this clod project. Next, you're gonna need to either install Versus Code or Anti Gravity. That way, we have a way to access Claude Code. You can generally just go through the app, but what we're gonna be working on today is gonna need a little bit more utility, 00:01:17.205 --> 00:01:34.165 and it's a lot easier to navigate inside Versus Code or Anti Gravity. But whichever your preference, it really doesn't matter. In order to get access to Cloud Code, you will need a pro plan or better. So make sure that you have that set up already to go. Then you are gonna need a custom skill and Cloud MD file. I made both of these for you. Just click the first link in the description. 00:01:34.405 --> 00:01:36.405 Right here, you'll see automate classroom, 00:01:36.485 --> 00:01:42.325 and at the very top right here, and then you should see this resource at the bottom right here, Claude thumbnail 00:01:42.325 --> 00:02:13.335 skill. Just click on that, and click on download. Go to your downloads folder, extract the files, and then paste those files right in to the folder that you just created. In this case, I made mine Claude test, so I'm gonna right click and paste. And there it is. Inside currently, you should just see a Claude folder, an EMV example, and a Claude MD example inside. Next, we're gonna open up Versus Code. Alright. When you open up your Visual Studio, it's gonna look something similar to this. You might have a few windows popped up or a few pop ups, but you can close those. What you need to do is on the left here, click on extensions. 00:02:13.850 --> 00:02:17.690 You can see I already have it installed here, you're gonna type in Claude code 00:02:17.850 --> 00:02:39.190 and then there should be a small button like right here, it'll say install. Just go ahead and install Claude code for Visual Studio. Once you have that installed, let's go to the file explorer at the top here and then click on open folder. I saved mine to the desktop here and you can see Claude test thumbnail, so I'm gonna click on that folder. But whatever folder you name, that's the one that you're looking to open up here, so I'm gonna select that folder. 00:02:39.590 --> 00:02:50.310 I'm gonna go ahead and click on the EMV example here, then click on the Claude icon top right. We don't actually need this window open. This is gonna open up the actual Claude chat that we can prompt and have Claude set this all up for me. 00:02:52.675 --> 00:02:57.235 It is gonna ask for a few preferences, so I chose dark and dramatic. Let's go before and after. 00:02:57.555 --> 00:03:59.025 No text hooks, and pointing finger usually works well. If you plan on using your own face in a thumbnail, make sure that you get a good clear image, plenty of good lighting, and the expression that you're wanting to show in the video. But for the best results, I would take several photos of yourself with different expressions from different angles. Some from the side, some straightforward, some from the other side. A wide variety of images and headshots. That way you have a lot of assets that you can use for a long time. Once you have your headshots, make sure that you remove the background so it's just a transparent image of your headshot, and then just drag it right over inside of the assets folder right here. And you can see it just added a brand new headshot. So now I have two headshots. The last thing we need to do to get the ball rolling is get our API key. Claude does a great many things, but image generation is not its strongest suit. So instead, we're gonna use Gemini. But before I show you where to get your API key, make sure you hit that subscribe button and comment down below what thumbnail style you're most interested in. This will give me feedback so I can start building templates you can use more on that later on. Go to your web browser and go to aistudio.google.com. 00:03:59.025 --> 00:04:12.130 Sign in to your Google account if you haven't already. Then on the bottom left here, click on get API key. And at the very top right, create API key. Go ahead and click on that. Give it a name. I'll call this test create key. 00:04:12.290 --> 00:04:23.915 This is your API key here. You're gonna go ahead and click on copy. Then when you get back to Versus code, you're gonna paste that inside your EMV file. I'm not gonna show you mine because that's the real code, but essentially gonna delete this right here 00:04:24.395 --> 00:04:34.620 and paste in that API key that you just got. Don't forget to add a balance to your credit limit on Google. Otherwise, you will not get any generation. I just put in a one time credit of $10. 00:04:34.620 --> 00:04:39.580 You can see right here. And after a few generations, I'm at $9.43. 00:04:39.580 --> 00:04:52.005 So this will go a long way. Once everything checks out, it's as simple as putting in your preferred prompt. For this example, I use the prompt, I want to create four different thumbnails using Claude to make thumbnails. Please use my headshot at, and I just tagged 00:04:52.165 --> 00:04:56.085 march arms crossing. That's where all this came from. On the right, 00:04:56.325 --> 00:04:59.685 while the window on the left shows thumbnails being 00:04:59.765 --> 00:05:18.845 designed. And underneath the workspace here, this is where they all popped up. So take a look and see what they come up with. This one's actually kinda cool. I'm not a huge fan of the orange glow behind me, but this is a really clean thumbnail on the very first prompt. Let's take a look at the second one. Not a huge fan of my facial expression. It kinda doesn't look like me. A little a little scary. 00:05:20.285 --> 00:05:23.005 But, yeah, I'm not a I guess I'm not a fan of this one as much. 00:05:23.565 --> 00:05:36.130 The the whole design plus my face, so we're not gonna use that one. Claude, no designer needed. Took my hat off and comb my hair. That looks better than what I actually got in real life. You know, it looks pretty good. Before my video, 00:05:36.370 --> 00:05:36.930 after 00:05:37.330 --> 00:05:39.410 Scraeler for skiviliogues 00:05:39.410 --> 00:06:07.370 to design. I mean, besides for the whatever that text supposed to say, that actually looks really good. And then let's look at the fourth one. Claude four thumbnails in sixty seconds. Same image you me, nice and clean. AI mastermind, generate four times faster. The clawed advantage, instant results proven system. And I mean, that one's meh, but I guess the whole thing is just to show an example. So right here you can see the comparison of all of them. These look pretty good, but let's let's do some more. Alright. It's been about two minutes. Let's see what we got here. 00:06:07.690 --> 00:06:09.610 Alright. So we're gonna start on e. 00:06:09.850 --> 00:06:13.450 Okay. That one's actually pretty cool. It's like it's being designed inside of a 00:06:13.770 --> 00:06:21.705 Photoshop directly there. Yeah. That looks really nice. I actually like that one a lot. This is cheating with Claude up there. Yeah. 00:06:22.265 --> 00:06:23.065 Random 00:06:23.545 --> 00:06:25.865 random text again. I don't know what that says, 00:06:26.185 --> 00:06:36.840 but that one looks pretty clean aside from the image within the image. Okay. I don't know who that person is, but the actual concept inside looks really cool. I do like that. Um, just 00:06:38.280 --> 00:08:01.560 I don't know who's in that image. And again, I would do multiple prompts, multiple rounds because you're not gonna get an exact image that you're looking for one shot. Very rare. Let's look at the last one here. Hours of work, five minutes. It's not the cleanest, but you understand the concept the the best there. Give me a v two of I think this one was from c. Yeah. C, I like that one as well. I'm very likely gonna use these examples as a split test for this video. So, you know, comment down below which one you saw when it popped up in your feed because it might not be the exact same a few days, a few weeks, even a few months down the road. See, I wanted the ability to generate images and then edit them without having to re prompt everything every time. So I created this platform where you could upload your own avatars or your own headshots. Like, you can see right here, I have two of my own. You can upload them here. If you back go to the dashboard here, you can create a new project. Pick a name for the project. So I'm just gonna call this one demo, and then the niche will also be demo. This will help you find things later. But you can prompt in what you're looking to do right here. This will generate an image fresh using whatever API you have plugged in. You can also click here to YouTube, and you can actually grab and scrape another YouTuber's thumbnail by swapping their face and body, removing the title and text, and changing the background color or design. Uh, just adding the link there. You can also drop in your own image if you wanna go ahead and remove a background, or you could also upscale the image and increase the face enhancements 00:08:01.560 --> 00:08:07.400 or start from a blank canvas. So let's just go ahead and start right here. So on the left hand side, can create a text, a rectangle, 00:08:07.715 --> 00:08:53.540 a eclipse background, or an image. I'm gonna go ahead and just click on image and upload this one that we just made from the cloud demo. And on the right side here, you can see the AI panel. So this is where we can actually make changes by generative AI. Currently have Gemini plugged in, and I'm gonna go ahead and change the prompt to change the orange glow to a blue glow. And look at that. It just didn't change anything else. I was having issues before with it changing everything else in the image, but you can see here orange, it literally the only thing it changed here was the glow color. So I'll go ahead and duplicate this real quick and then let's go ahead and try something different here. I'm gonna go ahead and just remove the glow this time. That's not terrible. It's not the best. But on the left here, can add another layer. So let's go ahead and add a text layer. If we wanna go ahead and add my own headline, 00:08:53.700 --> 00:08:59.220 say times to click through rate. Change this to my preferred font here. 00:08:59.620 --> 00:09:00.500 And then 00:09:01.060 --> 00:09:14.715 for the fill, let's change this to a color we can actually see. I'm thinking probably black or a dark color here. This is essentially a demo of what, uh, I've created and, uh, what you can do with, uh, this tool. By the way, for those of you wondering, this only cost me about 57ยข 00:09:14.875 --> 00:09:20.395 and I was able to generate eight to 10 thumbnails, give or take. I lightly edited them on a software 00:09:20.680 --> 00:09:22.280 that I created 00:09:22.600 --> 00:09:32.600 with Cloud Code. Look, it's never too late to start. Just make sure that when you jump in, build something that you're interested in. Build something that you would actually use. 00:09:32.840 --> 00:09:40.405 A website is a good starting place. And if you check out this video right here, I walk you through how you can build beautiful websites in just minutes. 00:09:40.565 --> 00:09:43.605 Or if you're ready, click the link below and build some cool shit with me.