Transcription
How did you make those slides? I've gotten this question at least a hundred 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 want to 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 going to likely want to create a cloud project because we want to have a process that we can come back to on a reoccurring 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 cloud project, you want to make sure you're using the high-end model of Opus 4.5 extended thinking inside of Cloud. I've tested all the state-of-the-art models, Gemini 3 Pro, GPT5.2 Extended Thinking, and Opus 4.5. And Opus 4.5 has consistently outperformed the others over the last 3 weeks. This may change over time, but for now, this is the best.
After you get your first version back, you're going to want to make some edits. And I recommend making one to two iterations of edits inside the Claw Chat itself. After you've done that, you want to then download the HTML file, which is what it's going to 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 cloud chat for too long, you're going to 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 want to 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 want to share with you why we're using code and not PowerPoint. So, because I'm sure a lot of you are going to say, "Hey, I want to use PowerPoint. I want to use Google Slides, etc." 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 can 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 want to 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 going to be like, "Hey, I still want to use PowerPoint. I still want to 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 Cloud 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 Claude skill on a reoccurring 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 want to hear that. The title of it is I fixed the AI document formatting with one cloud feature. So, if you want to 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 30-day AI insight series, completely free. You'll get 30 insights in your inbox how you can apply AI to your business and your work. The second thing is if you'd like to work with me, blow a series of offerings to see if there's a good fit between the two of us, such as an AI community for private business owners and leaders, or if you want to 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, which 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 want to then create the cloud project. So, we can do this on a reoccurring basis. And you may ask yourself, what is the cloud project? I'll show you quickly. So if I go to claude here and I open this up on the lefthand side you can see the menu and right here we have some folders that says projects. When I select this it's going to take me to all the projects I've created and you can create new projects here. So if I do new project it's going to give me the option to name it. So let's name it uh uh let's do it now slides creator v2. I'll hit enter. It's going to 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 paste in your transcript or not your transcript but the notes 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 going to 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 going to do for you is I'm going to share with the share with you the exact system prompt that I use on a recoccurring 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 going to go back to our slide deck here. Go to the next slide. So here is our system 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 I'll highlight a few things that I think are interesting.
One of the most important things I want to call out here is I didn't write this 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 Enthropic. 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 task done. And to get access to that for cloud specifically, you want to go to console.anthropic.com. It's going to take you to a page like this, you may need to sign in. Once you've done that, you do generate prompt and you want to check this box down here because this enables for thinking models because we're going to 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, going to put all the best practices in it and it's going to 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 want to 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 want to have maximum visual impact per slide. So 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, etc. Some things I'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 the visuals here, to have high contrast colors. So I want to 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, etc.
One thing that's interesting here is that when I use 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 going to do is I'm going to go back to my projects. I'm going to open up the actual project that I use, the slides creator, and I'm going to go to a previous conversation that I had earlier. I'm going to 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, 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 do then do that, etc. 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 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 2 to 5 minutes and it writes up all the ink code for us. So you can see it's thinking in the scratch pad. 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 head 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 going to 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 got some of the other stuff. But you can see over here it said delete slides one and two. And that's 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 2 to 3 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 going to make the changes inside the cloud 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 of future additional edits that you want to make. And the way we can get the file is very easily. You just do the drop down here. Once you've selected the dropown, you do download. That's going to 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 going to open that presentation in my browser and it's going to show me the exact slide deck that we saw inside of Cloud.
Now, what tools are we going to 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 userfriendly, especially for people that are non-technical. And then if you're more adventurous and you try something that's a bit more technical, you can 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.
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 going to take you to this website. depending on the operating system you're using. So, if you're using Windows or Mac, it's going to 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 the beginner plan. So, the beginner plan is $20 a month. Reason being is you get access to higherend 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 want to pay for it, that's fine. You can also use a free version as well. Just note that you're going to get limited access to higherend 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 going to start making changes locally. And before we get into making additional edits, I do want to 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, etc., I'd recommend using the composer model from cursor because this is super fast and also super cheap. But if you want to 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 higherend model such as Opus4.5. And if there are multiple changes you want to make, like I did previously, if you want to make five, six, 10 changes, you want to then use a higherend 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 task to the model.
Now, let's assume that you downloaded the application. If you've downloaded cursor, you're going to want to open that up. Once you've opened it up, you're going to then open up this specific folder you've created on your desktop because you want to 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 downloaded from Claude and put that in that folder. for me. You can see that I've already done this. So, this this folder right here called Claude Preszos, 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 going to 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 going to spend almost all of your time, which is talking to the AI. You can think of this kind of like a chat or a cloud situation where you're just talking back and forth with an AI inside of a chat window. And in the center is where all 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 going to see any options here. To turn that off, you'd switch the toggle off and 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 going to do that is using a browser in cursor. So there's a little button here that looks like a world or a globe. I'm going to turn this off because that's what it's going to 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 going to then open this specific screen here.
Now, what we want to do is we want to get an error so we can have AI fix it. And the way we're going to 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 going to go to my finder. You'll go to that specific file and we have the file here. So I'm going to double click this and it's going to open a browser. And in my case it's Firefox. Now up here we have the file path in the URL. I'm going to copy that. I'm going to go back to cursor. I'm going to paste it into this URL. I'm going to hit enter. We're going to get an error. I'm going to do two things. I'm going to show details and I'm going to take a screenshot. So I took the screenshot. I'm going to then drag and drop that into the chat window. I'm also going to copy these details here. I'm going to paste that into the chat window as well because I want to have the AI to have as much context as possible as to why this is erroring out. And then I'm going to 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 10 seconds. So the presentation is now inside of the browser or 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 uh make some changes so you can see what it looks like. So I'm going to delete that. And there's a specific slide here that I want to 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 want to 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 index.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 going to do dictation. I would like you to add both of these images into slide 8 so it's rendered inside the presentation and make sure they're placed in the correct boxes and are sized proportionally. Then I hit enter. 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 8, 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.html file and showing your screen or if you want to share this with other people so they can get access to view it. We can do that simply through GitHub. So, how are we going to 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 want to then click your little circle here on the top right hand corner, select repositories. You'll then want to create a new repository. So if I go here and select new, this green button, we're going to name it whatever. So in this case, we'll name it for my situation, we'll name it Claude Preszos V2. And then I'm going to make this public. So we want to be able to share with others so they can see it. I'm going to say create repository. Once I've created the repository, we need to put stuff inside of it because a 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 going to select that. I'm then going to go to the choose your files and I'm going to select the exact files that we have in this folder. So we have the cloud presos folder that I showed you. I'm just going to select these three files from here and I'm going to then upload those into the repository. I'm going to select commit changes, this green button here, and it's going to push all that up into the repository for me.
There's really one important thing here I want to 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.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 lefthand side. And then we're going to change this dropown from none under branch to main. We're going to say save. Now this is going to take probably between two and 5 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. They'll then have access to the presentation. They can go through themselves.
Now, as a quick recap, the overall process, remember, we want to start with writing our script because that's going to 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 want to create a cloud project so we can use this on a reoccurring basis and always get highquality consistent presentations. And then when using the cloud project we want to use the highest end model we have access to us. And right now opus 4.5 with extended thinking turned on is the key model to get high-quality presentations out. And after you get your first version back from the AI, you may want to make one to two iterations of changes inside the cloud chat itself. But after that, if you want to 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 going to want to use cursor. And then if you want to 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 with your friends. And as a reminder, two things. First off, Blow is a 30-day AI insight series, completely free. You'll get 30 insights in your inbox how you can apply AI to your business and your work. The second thing is if you'd like to work with me, blow 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.