WEBVTT 00:00:00.000 --> 00:00:43.070 So I've had quite a few people ask what I use to build out the presentations of my YouTube videos and how I get them to look so good. Now the secret is I'm not using Keynote, PowerPoint or Canva. I've actually discovered a powerful system using Cloud Code where I can take any video idea or script and turn it into a beautiful presentation with just one prompt in a few seconds. And in this video, I'm gonna show you my exact system so you can use Cloud Code to build you out beautiful presentations in seconds. So here we are in Cloud Code in my project called Presentation Builder. Now this entire project is refined and systemized and set up in a way that makes building beautiful presentations as quick, easy, and simple as possible. And this essentially transforms Claude code into a master presentation designer. 00:00:43.415 --> 00:01:08.450 So it all starts with the Claude MD file. And this Claude MD file is really where all of the gold is. The prompt is, you are a professional presentation designer creating beautiful Apple inspired HTML presentations for YouTube videos. The user provides scripts and content, and you transform them into stunning visual presentations. So there's everything in here from design philosophy. So, like, when something is bad, use red. When something is good, use green. 00:01:08.530 --> 00:01:13.565 Uh, different little nuanced, you know, preferences that I have for my presentations. 00:01:13.885 --> 00:01:15.645 Uh, different formatting, 00:01:15.645 --> 00:01:30.190 copywriting, so like, you know, um, how to write the headlines, how to write sub headlines, how to do benefit lists, and call to actions. So I have really refined this, um, not only the design, but the copywriting as well. 00:01:30.830 --> 00:01:47.945 And so, uh, I even have my audience on here, typography and copy, and basically giving as much context and getting as refined as I possibly can. And so I have did I have done a, um, example here. So, like, if the script says, Opus 4.1 scored 74.5% 00:01:47.945 --> 00:01:49.785 on the software engineering benchmark, 00:01:49.945 --> 00:01:56.185 then write as good as a senior level developer. The most important thing first, sub headline 74.5% 00:01:56.185 --> 00:02:01.520 on the software engineer benchmark. So this learns my language and the way that I like to present, 00:02:02.080 --> 00:02:18.055 and, you know, it makes sure this ensures that it's putting the most important information in the headline of the slide. So, basically, this is my professional assistant at building slides. It knows my style, and it's very good at design and copywriting as well. And so what I do 00:02:18.375 --> 00:02:26.530 is I come over here to scripts, and I throw a script in here in as a text file. And so to show you an example, I'm gonna grab this script that I just generated 00:02:26.610 --> 00:02:29.650 with Claude as an example. Go ahead and copy this. 00:02:30.130 --> 00:02:32.050 And I'm gonna do a new file, 00:02:32.450 --> 00:02:34.690 and I will do let's see. What is the script called? 00:02:35.545 --> 00:02:38.905 AI software business. Okay. We will just call this 00:02:39.785 --> 00:02:41.705 aisoftwarebusiness 00:02:41.705 --> 00:02:42.905 dot txt, 00:02:43.465 --> 00:02:45.625 and I'll throw this in my scripts folder. 00:02:45.945 --> 00:02:57.480 Move this. Now in the style references folder, I have a plethora of different HTML design styles that I can have Claude choose and I can simply reference. And so there's everything in here from, like, an old pixelated 00:02:57.480 --> 00:02:58.840 video game style. 00:02:59.240 --> 00:03:03.515 And I even have, like, Apple minimal style to look like Apple 00:03:03.595 --> 00:03:06.715 is presenting, like their designers designed this presentation. 00:03:07.035 --> 00:03:15.550 I even have stuff like Cluely. That's a pretty popular software right now, and I like their website, so I told Claude to create me a style copying their website. 00:03:15.710 --> 00:03:26.830 But the sky is the limit with these styles. You can tell Claude to create whatever style you want, or if you find a website, you can simply tell Claude to copy the style. And so all I have to do now is I can go back to Claude code, 00:03:27.915 --> 00:03:31.675 and I just I just have to say, create me a presentation 00:03:32.635 --> 00:03:33.915 with my 00:03:34.475 --> 00:03:38.235 which was what did I title the script again? AI software business. 00:03:38.315 --> 00:03:43.515 And I do at, so I just tag the script, AI software business 00:03:43.120 --> 00:03:43.760 script 00:03:44.080 --> 00:03:45.920 in the style of, 00:03:46.160 --> 00:03:48.000 and we'll just do apple 00:03:48.320 --> 00:03:50.640 minimal. And I just run that, 00:03:51.280 --> 00:04:00.835 and Claude will create me a presentation using the script I've provided in the style that I've referenced. So one thing I forgot to do is actually paste the script into our text file. 00:04:01.555 --> 00:04:03.155 Claude was having a hard time 00:04:03.795 --> 00:04:08.595 creating our presentation, because it said the script was empty. So make sure you do that. Let me paste this in, and just go save that. 00:04:09.680 --> 00:04:20.640 And I will run that again. Okay. So Claude is done after that one prompt, and created us a 23 slide presentation. So let's go see how it looks. So I will go back out to my finished presentations folder. 00:04:21.120 --> 00:04:25.665 And let's see. Which one is it? Let me go to list, and then today. 00:04:25.825 --> 00:04:27.905 AI software business, Apple. 00:04:28.465 --> 00:04:30.625 Okay. That looks pretty good so far. 00:04:33.665 --> 00:04:35.505 I can't complain. That looks pretty good. 00:04:36.100 --> 00:04:38.340 I mean, especially for one prompt. 00:04:40.420 --> 00:04:49.620 Yeah. And like I said, like, lot of these, what it does is based on preferences that I've told it. So I said anytime it's, like, in the past or outdated, use red. But today, 00:04:50.085 --> 00:04:51.285 the new opportunity, 00:04:51.285 --> 00:04:53.365 new solution, use green. 00:04:55.445 --> 00:04:58.165 I mean, guys, this looks pretty dang good. 00:04:58.965 --> 00:05:02.245 So, like, you even have animations for every single page. 00:05:03.600 --> 00:05:07.920 You have, like, big statistics. You have, like, um, urgency. It switches to black. 00:05:08.960 --> 00:05:19.760 And, of course, you can refine this based on your preferences. That's what the Claude MD file is, and that's the beautiful thing about Claude code is you can essentially turn it into, like, a general agent 00:05:20.055 --> 00:05:23.175 based on the instructions that you put in that Claude MD file. 00:05:24.775 --> 00:05:33.655 So yeah, that is pretty good. The only thing is I would say, I would just increase the spacing on the bottom and top of this last slide here. 00:05:34.375 --> 00:05:35.095 But 00:05:35.760 --> 00:05:49.175 with one prompt, I mean, what more is there to say? With one prompt, we have a presentation that is ready to go, that formats that's formatted well, that's designed well, that has all the most important attention grabbing facts upfront. 00:05:49.735 --> 00:05:56.695 And so, yeah, creating presentations is just now a matter of providing a script, going to our style references, 00:05:56.935 --> 00:06:10.510 and telling Claude to build it. Now let's say you wanted to add an image to a slide. Well, all you would have to do is open up this assets folder, drop your image in there, and then just tell Claude to use it. So I have a screenshot here, and all I would have to do is put 00:06:11.070 --> 00:06:12.190 screenshot 00:06:13.230 --> 00:06:17.790 on slide four. So it's as simple as telling Claude which image to 00:06:17.950 --> 00:06:25.815 use and what slide to put it on. So just for fun, let's do one more. I'll use the same exact script. So create me a presentation 00:06:25.895 --> 00:06:27.175 with 00:06:27.255 --> 00:06:27.975 the 00:06:28.375 --> 00:06:32.695 AI software business script in the style of 00:06:32.935 --> 00:06:35.015 and let's go see. Let's go pick out a style here. 00:06:39.010 --> 00:06:41.090 Let's just do old video game for fun. 00:06:42.210 --> 00:06:56.855 Old video game. And go ahead and run that. Real quick, I should put this whole project in a public GitHub repo, so you can download it for free and start creating presentations right away. I've even included step by step instructions on how to use it and how to generate presentations. 00:06:57.015 --> 00:07:15.690 So all you have to do is come up here, click the arrow, download zip, and then import it into your Cloud Code project, and you can start creating beautiful presentations right away. So if you want this, just click the link down in the description below, and I'll send it to you for free. Alright. Claude is done with that one, so let's go check it out. And honestly, this is the best part, just opening it up and seeing what Claude made. 00:07:16.330 --> 00:07:26.515 So nice. Yeah. Looks like an old pixel video game. You even have like little buttons down here, like an arcade button. Press space to start. Let's go through. 00:07:27.715 --> 00:07:31.235 Yeah. Looks like an old pixelated arcade game to me. 00:07:32.330 --> 00:07:34.890 You even have, like, yeah, like, little 00:07:35.370 --> 00:07:38.090 old video game retro video game buttons. 00:07:39.290 --> 00:07:44.570 And it still follows our color coding with even some, like, nice little animations here if you hover over. 00:07:45.675 --> 00:07:50.395 But, yeah. I don't know how often I would use this one just because it's a little bit more difficult to read. 00:07:51.115 --> 00:07:51.675 But, 00:07:52.075 --> 00:07:58.235 I mean, the the the sky is the limit with this, guys. You can build literally any presentation, any style that you want. 00:07:58.880 --> 00:08:23.595 So I've refined this pretty extensively, so it creates well designed, well copy written presentations out of the box. But let's say you wanted to bring it closer to your style and you have different preferences that you want Claude to memorize. Well, all you have to do is come come over to the Claude code chat and you type in hashtag. And this brings Claude into memorize mode. And all you have to do is put like, may let's say you want a progress bar at the top for every presentation. 00:08:23.835 --> 00:08:30.610 So you would put include a progress bar at the top for every single presentation. 00:08:30.610 --> 00:08:38.370 And you would press enter, and this would actually add this to the claud m d file. And you can do all sorts of stuff. Let's say, 00:08:38.770 --> 00:08:44.290 you only want lists of three and not four. Well, you would type that in too, and 00:08:44.905 --> 00:08:47.465 only ever do list of three 00:08:47.705 --> 00:08:54.425 three, not four. So whatever you want, whatever your preference is, all you have to do is tell Claude, 00:08:54.665 --> 00:09:19.265 and that Claude MD file is the compass, is kind of the master guide to guide Claude. And so the more you find that, the better results that you're going to get. But like I said, I've included the GitHub link for this below. So all you have to do is download it, add it to your project, open it up in Cloud Code, and you are ready to go. So thank you so much for joining me in today's video. It was a quick one, but I hope you got value out of it. If you did, please consider liking and subscribing 00:09:19.265 --> 00:09:24.945 below for plenty more Cloud Code and AI coding content. But thanks again for joining me, and I'll see you in the next one.