How did you make those slides? I've gotten this question at least a 100 times in the last two months. So here's my complete breakdown going into 2026.
This is exactly how I'd use AI to create presentations. We're not using PowerPoint. We're using code. And before you click away, you don't need to know a single thing about coding. That's what Cloud's for. Let me show you how it's done. Okay. So to create AI slides, there's just five simple steps. The first one is writing a script. So the AI needs something to reference to create the visuals from. So this is going to be the things you wanna talk about per slide. It could be word for word or it could be just a structured outline with bullets. Either way, the AI needs something to reference so it can create visuals from it. After you've drafted your script, you're gonna likely wanna create a Cloud project because we wanna have a process that we can come back to on a recurring basis if you're creating presentations all the time. Because once you've created this once, you can just drop in a transcript in the future, and it's automatically going to give you that presentation back every single time in a high quality and consistent way. When using the Claude project, you wanna make sure you're using the high end model of Opus four dot five extended thinking inside of Claude. I've tested all the state of the art models, Gemini three Pro, GPT five dot two extended thinking, and Opus four dot five, and Opus four dot five has consistently outperformed the others over the last three weeks. This may change over time, but for now, this is the best. After you get your first version back, you're gonna wanna make some edits, and I recommend making one to two iterations of edits inside the Clawd Chat itself. After you've done that, you wanna then download the HTML file, which is what it's gonna give you back, to your own machine on your computer so you can make additional edits with a dedicated tool to editing code. We're doing that because if you stay inside the Clod Chat for too long, you're gonna degrade the intelligence of the model, and you're gonna get worse outputs. After you've gotten the final version of the presentation you're happy with, you can either present it and you're done. Or if you wanna share it with the world, I'll show you how to do that as well in a very easy way. Now that's the process. But before we get into the details of walking through each one of the steps, I wanna share with you why we're using code and not PowerPoint. So I'm sure a lot of you are gonna say, hey, I wanna use PowerPoint. I wanna use Google Slides, etcetera. You can do that, but the quality of the output is not going to be as unique and customizable as you're seeing here. And there's two primary reasons I use code with AI. The first one is to the point that I just made, is that this is truly unique. I can get outputs from AI via code, and I can have animated visualizations.
I could have animated diagrams and charts. I can have all types of things inside of my presentation that you can't do within PowerPoint or Google Slides because they're constrained by the tools themselves. And the other one that's equally if not more important is that right now, of all the things that AI can do, code is by far its superpower. I'm not sure about you, but I wanna lean into that superpower as much as possible for any use case that I have. And those are the two reasons. And I know still after I've stated that, some people are gonna be like, hey, I still wanna use PowerPoint. I still wanna use Google Slides. If that's you, you can go watch this video here. So I've made a video of how you can use a specific feature inside of Claude called Claude Skills so you can get a pixel perfect match to the formatting your company has because I'm sure there's a very dedicated format that many of you have for your company for different types of documents, including presentations.
So you can use this cloud skill on a recurring basis to get that match to the format that you care about. This is the thumbnail for the video and the exact title oh, you don't wanna hear that. The title of it is I fixed AI document formatting with one cloud feature. So if you wanna see that, you can go check that out, and it'll give you more details on how you can create presentations with that cloud skill if you're focused on PowerPoint and Google Slides. Quick pause in your regular programming. This video is brought to you by me. So two quick things. Below is a thirty day AI insight series completely free. You'll get 30 insights in your inbox so you can apply AI to your business and your work. The second thing is if you'd like to work with me, below are a series of offerings to see if there's good fit between the two of us, such as an AI community for private business owners and leaders, or if you wanna work one on one via coaching. That being said, let's get back into the video. Now if you're still here, you're probably interested in taking the path that I've shared with you, is the code route. Because remember, you don't have to know code. You just need to know explain what you want. And if that's you, let's continue. So the first step, like I said, is writing a script. We've already talked this through, so you want it to be word for word for the script, or it needs to be a structure that the AI can reference. This acts as the foundation for the AI to then build the visuals. Once you've written your script, we wanna then create the Cloud project so we can do this on a reoccurring basis. And you may ask yourself, what is a Cloud project? I'll show you quickly. So if I go to Cloud here
and I open this up, on the left hand side, you can see the menu. And right here, we have some folders that says projects. When I select this, it's gonna take me to all the projects I've created, and you can create new projects here. So if I do new project, it's gonna give me the option to name it. So let's name it
let's do it now slides
creator v two. I'll hit enter. It's gonna create the project.
Now it pulls us into this screen. So this is the screen for the projects themselves. On the left hand side, you can see the title. So this is the title I just gave it. This is the chat where you'd paste in your transcript or not your transcript, but the note you've drafted. And then on the right hand side, we have a few things that are important, most of which is the instructions. So the instructions is gonna be where the system prompt sits, and this is what the AI is going to look at before it does anything else. And to add these, you just do the plus sign here and put in your system prompt. So what I'm gonna do for you is I'm gonna share with the share with you the exact system prompt that I use on a reoccurring basis so you can start with that, and you can make edits to it and tweaks to it based off of your interests. And to show you what that system prompt looks like, I'm gonna go back to our slide deck here. Go to the next slide. So here is our assistant prompt that sits behind the scenes for the one project that I've created for myself and Claude. Instead of walking you through all the detail here, I'll I'll highlight a few things that I think are interesting. One of the most important things I wanna call out here is I didn't write the system prompt from scratch by myself. What I did is I wrote some base points, and then I ran it through a prompt improver. So there's prompt improvers both inside of OpenAI and Anthropic.
You paste in your base prompt. It then automatically injects all the best practices for prompt engineering their models and gives you back something that's very effective for getting that tax done. And to get access to that for Claude specifically,
you wanna go to console.anthropic.com.
It's gonna take you to a page like this. You may need to sign in. Once you've done that, you do generate prompt,
and you wanna check this box down here because this enables for thinking models because we're gonna use the thinking model. You would then paste in your base prompt here, so the basic thing you've drafted. Once you've drafted that, you'll then push generate. It's then, like I said, gonna put all the best practices in it, and it's gonna give you something high quality that looks something like this. Now let's talk through some important points that I've added here. So the one thing that I wanna call out first is that this is an HTML presentation.
Importantly, I've emphasized this multiple times throughout the prompt that this needs to be a single HTML file. So the reason we're doing this is if you don't, sometimes the AI will write a series of files that represents a presentation, and that's too complex and convoluted to move around and play with on your local machine if you're not technical. So you want it to sit all in one single file. After that, some preferences I have for my presentations are minimal text per slide, and also I wanna have maximum visual impact per slide. That's the beginning portion. There's a lot of requirements that I've given in the prompt here around the content, the visuals, the technicalities,
etcetera. Some things we'll call out here is that for me, I prefer to have charts, diagrams, and things like that over text, so I prioritize that in this bullet here. I also prefer, as you can see from visuals here, to have high contrast colors. So I wanna have a dark background and a light foreground
highlighting certain aspects of the presentation so you focus your attention there. And then I have some stuff around navigational structure, etcetera. One thing that's interesting here is that when I used the prompt improver over here, this one that I showed you, it gave us back a scratch pad. So this is basically a tool that the AI uses internally in its head to think through different ideas before it then gives you your output. And that's the overall system prompt. And now that we've walked through this, let's actually see it in action. So what I'm gonna do is I'm gonna go back to my projects. I'm gonna open up the actual project that I use, the slides creator, and I'm gonna go to a previous conversation that I had earlier. I'm gonna scroll to the very top to show you how I created this exact slide deck you're looking at. So if I expand this open, this is the first message I sent to the AI.
I took basically right below this line break. Let me zoom in a bit. Right below that oh, not zoomed out. That's in. Right below the line break are all the notes that I drafted for this video. So if I go to this Google document, you can see there's a bunch of text in here of notes that I've drafted. And you don't necessarily need to know what's on the text. You just need to know the structure. So at the very top, I gave some kind of pre context of the presentation around introducing the idea and the problem. I then wrote out the process. So this is what I do. Take that step. Take that step. I then paste it in the system prompt that we just walked through. And then I walk through some more points. I then do this, and I then do that, etcetera. I'm just basically writing out the steps. This isn't super detailed. I then come back here, and I then paste all of that below that line break that I highlighted there. And above this line break is dictation, so basically me speaking out some ideas. And this step is completely optional. You don't necessarily have to do it because the system prompt has this information inside of it. I just do it for my own kind of personal sanity to ensure that the AI does what I want when it comes to these certain elements, but again, it's not always necessary. A few things that I did remind the AI of is that I prefer my slides to be minimalistic when it comes to text. I then talked about the importance of having it in high contrast.
I then called out that I like to have single accent colors per slide so I can have a focal point to focus the viewer's attention. I then reinstated that it's important to have a modern minimalistic look to the design as well. So that's the first message we send the AI. Then we just hit enter.
After we've done that, if I scroll down here, the AI thinks for about two to five minutes, and it writes up all the encode for us. So you can see it's thinking in the scratch pad. If If I scroll down here, you'll see that we have a response. And this response is the HTML file. When I expand this out, you'll see that the slide deck it gave us back is actually pretty good. And it's almost done, basically. There's a few minor tweaks I wanted to make, but it's really, really good. And once we got that first response back, like I mentioned earlier, we can have one to two iterations inside of this conversation, but no more because we don't want to degrade the intelligence of the AI. Because the more information you put into this conversation, the fuller the AI's heads gets, and the fuller it gets, the dumber it gets. So in this case, I only did one iteration. So if I scroll down here, this again is dictation. And the way that I usually do this is I'll have the AI make multiple changes. So instead of doing one change at a time, I'll give it maybe five to six changes. And the way that I do this is I use an Apple note. So I'm gonna show you this. Pull this over here. So this is basically an Apple note. It's just a like a notepad for Apple. And what I do is I use dictation. So what I'll say is I'll open up the thing, and I'll say, hey. I want you to delete slides one and two. And it it it got some of the other stuff. But you can see over here, it said delete slides one and two. That's And what I'll do is I'll walk through the presentation going through slide by slide. And as I go through slide by slide, I'll then look at something, okay, I don't like that. I'll then open up the Apple Note. I'll then make the dictation. I'll go back and forth. And then once I've made all the changes and I've listed it all out like this, I'll then paste that in here. Once I paste it in there, I hit enter and let the AI make the changes. So if I scroll down here, you'll see that it thought for 10 steps. It took about two to three minutes, and then it gave me back a new version of the slide deck that had those adjustments to it. And that's how we're gonna make the changes inside the Claw Chat. But after we've done that and we've done one to two iterations, it's important that you take it outside of this and put it on your machine to make any future additional edits that you wanna make. And the way we can get the file is very easily. You just do the drop down here. Once you've selected the drop down, you do download. That's gonna download the HTML file onto your machine. So if I actually so you can see this download came here. If I click that once, it's gonna open that presentation in my browser, and it's gonna show me the exact slide deck that we saw inside of Claude. Now, what tools are we gonna use to actually make these edits?
So there's two options. Well, there's actually like 30 options, but I'm distilling it down to two that I think are the good places to start. So I think most people should start with Cursor because this is very user friendly, especially for people that are nontechnical.
And then if you're more adventurous and you wanna try something that's a bit more technical, you could try Cloud Code, both of which are great tools that all you have to do is speak to, and then you can have it make the edits to the document for you. So to download either of these, let me actually show you both websites. So first we have here is Cursor. So if you just go to cursor.com, it's gonna take you to this website. Depending on the operating system you're using, so if you're using Windows or Mac, it's gonna then show you which to download. So you can download that for your system. And once you've downloaded it, I'd recommend paying for the beginner plan. So the beginner plan is $20 a month. Reason being is you get access to higher end models for an extended period of time. And that could be useful if you're trying to make multiple presentations and also if you're trying to make more complex adjustments to the slides themselves. But if you don't wanna pay for it, that's fine. You can also use the free version as well. Just note that you're gonna get limited access to higher end models. So that's Cursor. And then now here's Cloud Code. So this is their documentation page. If you scroll down here, you'll see that you these are the ways you would download it for your system. So, again, this is more technical, so you'd have to use a terminal to do this. But all you have to do is copy and paste out one of these little commands depending on the operating system you're using. And those are the two tools that we would use locally. So once we've downloaded that, and I'm assuming you have it downloaded and ready to go, that's when we're gonna start making changes locally. And before we get into making additional edits, I do wanna call out matching the model to the task. So if you're making a very minor update to the presentation itself, so changing font sizes, colors, rounding corners, etcetera, I'd recommend using the composer model from Cursor because this is super fast and also super cheap. But if you wanna make a really big change, so you want to restructure a diagram or completely rethink a way that a visual is shown, I'd recommend defaulting to a higher end model such as Opus 4.5.
And if there are multiple changes you wanna make like I did previously, if you wanna make five, six, 10 changes, you wanna then use a higher end model again so you can ensure that there's a higher chance that it's going to achieve that in the first try. So just ensure that you're matching the tasks of the model. Now let's assume that you downloaded the application. If you've downloaded Cursor, you're gonna wanna open that up. Once you've opened it up, you're gonna then open up this specific folder you've created on your desktop because you wanna create a folder on your desktop with that file inside of it. So you can name it whatever you want, grab that HTML file that you download from Claude, and put that in that folder. For me, you can see that I've already done this. So this folder right here called Claude Prezos, that's the folder that has my file in it. So when I open this up,
it's going to show the file here. So it says index. Html. And let me quickly walk you through what you're looking at here inside of Cursor. So I'm not gonna walk you through all the details, but just enough so you can make changes to your presentation. On the left hand side, we have kind of like the File Explorer. So this is where all the files sit. So think of, like, Finder on a Mac or File Explorer on a Windows. This is where your images and files and all that stuff sit within that folder. So this folder right here is the one that I mentioned to you that we opened. On the right hand side is where you're gonna spend almost all of your time, which is talking to the AI. You can think of this kind of like a Chattypeteer or a Claude situation where you're just talking back and forth with an AI inside of a chat window. And in the center is where all of the text and or code sits. Now on the right hand side, let me expand this out a bit and show you the different models you can use. So if you select this button here where it says Composer one, there's a bunch of different options here. When you initially sign into Cursor and use it, it'll probably be switched to auto, so you're not gonna see any options here. To turn that off, you'd switch the toggle off, you'd get all the options for the models. And before we start making any changes, there's one thing that I recommend doing is making sure the presentation is shown inside of Cursor. And the way that we're gonna do that is using a browser and Cursor. So there's a little button here that looks like a world or a globe. I'm gonna turn this off because that's what it's gonna be set up for you when you initially sign on. And to turn this on, you would click it, and you say Browser tab. That's gonna then open this specific screen here. Now what we wanna do is we wanna get an error so we can have AI fix it. And the way we're gonna get the error is getting the URL to this file. And the way we can do this is let's go to our file and double click it. So I'm gonna go to my finder.
You'll go to that specific file, and we have the file here. So I'm gonna double click this, and it's gonna open a browser. And then in my case, it's Firefox.
Now up here, we have the file path in the URL. I'm gonna copy that. I'm gonna go back to cursor. I'm gonna paste it into this URL. I'm gonna hit enter. We're gonna get an error. I'm gonna do two things. I'm gonna show details, and I'm gonna take a screenshot.
So I took the screenshot.
I'm gonna then drag and drop that into the chat window. I'm also gonna copy these details here. I'm gonna paste that into the chat window as well because I wanna have the AI to have as much context as possible as to why this is airing out.
And then I'm gonna have it fix it. Can you please ensure that I can render this presentation inside of the cursor browser? Right now, I'm getting an error. I need you to fix it. And that's it. I just talk to the AI and have it fix it for me. And there you go. It took, like, ten seconds. So the presentation is now inside of the browser sorry. It's inside of cursor. And the reason that's important is there's a very specific feature I want you to use when making changes. So at the top right hand corner, there's this little mouse here inside of a box. It's called select element.
When I click it, it turns blue, and I can then see all these boxes are showing up when I hover my mouse over it. Now what I can do is if there's a very specific part of the presentation I want the AI to change, say I wanted to change, for instance, this box for whatever reason, when I select that, it automatically does a few things. It opens this window on the right hand side, which we don't need, so we can close that out by clicking that button.
But also, it adds this little blue box here in the chat. So it already filled in something for me. And that something is basically telling the AI this specific section in the code needs to change. So it's focusing the AI's attention on exactly what needs to change inside the presentation itself, which increases the chances of it achieving the task in the first try. So that's one feature I'd recommend using when using this. And that's actually make some changes so you can see what it looks like. So I'm gonna delete that, and there's a specific slide here that I wanna add some images to.
So I think it's slide eight. I would like to add the cursor logo here and the Cloud Code logo here. And you can see I have two images in this folder already.
If you wanna embed any images in your presentation, you need to make sure the images are inside of the shared folder where that file is. So it has to be right next to the index
index dot HTML file. And so what I would do here is I would at these files. So I'm I'm doing at symbol on my keyboard, and then I'm typing in the image itself. So by doing that, I'm putting that into the AI's context so it knows what images I'm referring to. And then I'm gonna do dictation.
I would like you to add both of these images into slide eight so it's rendered inside the presentation, and make sure they're placed in the correct boxes and are sized proportionately. Then I hit enter. And that's all you have to do. And that's the beautiful part about this. I don't have to know how to write code. I don't have to know anything about code. I just need to know how to use the tools effectively and speak out exactly what I want the AI to do for me. You'll see that on slide eight, those new images are now there. So I have the cursor logo inside this box, and I have the Cloud logo inside this box. And this is the exact process I'd recommend you go through to make additional adjustments to your presentation. Now let's assume that you're done making your changes and you're ready to move on to sharing this with the world. Either you can just present it as is by double clicking on that index dot HTML file and showing your screen, Or if you wanna share this with other people so they can get access to view it, we can do that simply through GitHub. So how are we gonna do this? It's very, very easy. So all you have to do is go to GitHub,
and you have to create an account. So if you once you've created an account on GitHub, you wanna then click your little circle here in the top right hand corner, select repositories.
You'll then wanna create a new repository. So if I go here and select new, this green button,
we're gonna name it whatever. So in this case, we'll name it for my situation, we'll name it Claude
Prezos
v two.
And then I'm gonna make this public so we wanna be able to share with others so they can see it. I'm gonna say create repository.
Once I've created the repository, we need to put stuff inside of it because the repository is basically just a folder. And the way we can do that is selecting this blue link right here. So upload existing files. So I'm gonna select that. I'm then gonna go to the choose your files, and I'm gonna select the exact files that we have in this folder. So we have the CloudPresos folder that I showed you. I'm just gonna select these three files from here, and I'm going to then upload those into the repository.
I'm gonna select commit changes, this green button here, and it's gonna push all that up into the repository for me. There's really one important thing here I wanna call out is the placement of this matters. So these files need to be at the root of your repository, meaning there are no other folders in here, just these files. And also, the name
of this file needs to be index dot HTML for you then to use the feature I'm going to show you in a second. So make sure you have those things set up. Now to deploy this, you would go to settings at the center right here. After you go to settings, you go down to pages on the left hand side.
And then we're gonna change this dropdown from none under branch to main, and we're gonna say save.
Now this is gonna take probably between two and five minutes. And then after two and five minutes, just refresh the page, and you'll see up here at the top, there will be a URL specifically for your presentation. And there you go. It took me probably three minutes. I then have this specific URL dedicated to my presentation. So when I select this, it's going to take me to that URL that I can share with anybody, and they'll then have access to the presentation they can go through themselves. Now as a quick recap, the overall process, remember, we wanna start with writing our script because that's gonna be the foundation of the visuals the AI creates for us. So it can either be word for word or just bullets and sub bullets for a framework and a logical flow.
After that, we wanna create a cloud project so we can use this on a recurring basis and always get high quality, consistent presentations.
And then when using the cloud project, we wanna use the highest end model we have access to us. And right now, OPUS four dot five with extended thinking turned on is the key model to get high quality presentations out. And And after you get your first version back from the AI, you may wanna make one to two iterations of changes inside the Cloud Chat itself. But after that, if you wanna make any additional changes, I recommend downloading the HTML file onto your computer and using a dedicated tool to that task, such as Cursor or Cloud Code. For most people, you're gonna wanna use Cursor. And then if you wanna deploy it, just use GitHub Pages. It's very straightforward and it's easy to do. And that's it. So if you enjoyed this, please reshare it with your friends. And as a reminder, two things. First off, Blow is a thirty day AI insight series. Completely free, you'll get 30 insights in your inbox so you can apply AI to your business and your work. The second thing is if you'd like to work with me, Blow is a series of offerings to see if there's a good fit between the two of us. And that's slides. But what about all the other documents you have to make it work, such as SOPs, proposals, contracts? They all have to match your company's format perfectly. I found a way to make Claude reverse engineer my design, so now every time I get a document that comes out, it's pixel perfect. I'll show you exactly how to do it right here. Go ahead. Click that link. I'll see you next time, Internet.