Modern Creator Network
Dylan Davis · YouTube · 20:24

I Stopped Using PowerPoint Once I Learned This Claude Method

Dylan Davis's complete 5-step system for generating HTML presentations with Claude — no PowerPoint, no coding required.

Posted
4 months ago
Duration
Format
Tutorial
educational
Channel
DD
Dylan Davis
§ 01 · The Hook

The bait, then the rug-pull.

Dylan Davis opens with social proof disguised as a question — 100 people asked, so here's the answer. By framing the entire video as a reply to audience demand rather than a self-initiated tutorial, he establishes credibility before a single tool is named. The title does the rest: it's an abandonment story, and abandonment stories convert.

§ · Stated Promise

What the video promised.

stated at 00:07Here's my complete breakdown going into 2026. This is exactly how I'd use AI to create presentations.delivered at 19:47
§ · Chapters

Where the time goes.

00:0000:19

01 · Cold open

Social-proof hook: 100 people asked about the slides. Promises complete breakdown going into 2026.

00:1901:38

02 · The 5-step process overview

Lays out the full system: script → Claude project → Opus 4.5 → 1-2 chat edits → download HTML → local editor. Shows the numbered slide deck he built using the method.

01:3803:29

03 · Why code instead of PowerPoint

Two arguments: (1) truly unique — animated diagrams, things PPT can't do; (2) code is AI's superpower right now. Acknowledges PPT loyalists, redirects them to a different video on Claude Skills.

03:2903:50

04 · Step 1 — Write your script

Word-for-word or structured outline. Acts as the foundation for the AI to generate visuals from.

03:5006:59

05 · Step 2 — Claude Project + system prompt

Creates a Claude Project live. Shows the system prompt — written using console.anthropic.com's prompt improver with thinking-model checkbox. Key rules: single HTML file, minimal text per slide, high-contrast dark/light, animated charts over text.

06:5910:00

06 · Step 3 — Generate + iterate in chat

Pastes structured notes above a line break; dictation above it. AI thinks 2-5 min, returns complete HTML. Demonstrates one iteration using Apple Notes dictation for a batched edit list (5-6 changes at once). Cap: 1-2 turns before model degrades.

10:0017:05

07 · Step 4 — Local editing in Cursor or Claude Code

Downloads HTML file. Opens in Cursor. Shows 'Select Element' feature for targeted AI context injection. Demonstrates adding Cursor + Claude Code logos to a slide via @-file references and dictation. Covers model matching: Sonnet/Composer for minor tweaks, Opus 4.5 for big restructures.

17:0518:58

08 · Step 5 — Deploy via GitHub Pages

Create a public repo, upload the index.html + assets at root level, enable Pages under Settings → Pages → main branch. Live shareable URL in 2-5 minutes. Free.

18:5819:47

09 · Recap

Fast recap of all 5 steps. Reiterates Opus 4.5 extended thinking as the key model. Plugs 30-day email series and coaching.

19:4720:24

10 · Outro + next video CTA

Teases follow-up video on Claude Skills for pixel-perfect PowerPoint/Google Slides formatting. Direct next-video CTA.

§ · Storyboard

Visual structure at a glance.

Cold open — talking head
hookCold open — talking head00:00
5-step slide overview
promise5-step slide overview00:18
Why code — two reasons
valueWhy code — two reasons01:38
Claude Projects — create modal
valueClaude Projects — create modal03:58
System prompt in chat
valueSystem prompt in chat06:59
Edit list in Apple Notes
valueEdit list in Apple Notes08:25
Match model to task slide
valueMatch model to task slide12:21
Cursor browser integration
valueCursor browser integration16:04
GitHub repo setup
valueGitHub repo setup17:25
Recap talking head
ctaRecap talking head18:58
§ · Frameworks

Named ideas worth stealing.

00:19list

5 Steps to AI Slides

  1. Write Script
  2. Claude Project
  3. Opus 4.5 (extended thinking)
  4. Quick Edits in Chat (1-2 max)
  5. Code Editor (Cursor / Claude Code)

End-to-end repeatable pipeline for generating HTML presentations with Claude on a recurring basis.

Steal forAny JoeFlow / Mod Boss tutorial showing Claude-assisted workflow — same numbered-step structure works for dictation pipelines
08:30concept

Context Window Degradation Rule

The fuller the AI's context window, the dumber it gets. Cap chat iterations at 1-2, then export and work locally.

Steal forAny tutorial that warns against over-relying on a single chat session — sticky mental model for non-technical audiences
12:30model

Match the Model to the Task

  1. Sonnet 4.5 / Composer — minor tweaks (font, colors, rounding) — fast and cheap
  2. Opus 4.5 — big restructures, diagram overhauls, 5+ simultaneous changes

Two-tier model selection: cheap/fast for polish, premium for heavy lifting.

Steal forJoeFlow settings or Mod Boss onboarding — exact framing works for explaining model tiers to non-technical buyers
08:30concept

Batch Edit via Dictation

Open Apple Notes, dictate 5-6 changes while reviewing the presentation slide by slide, then paste the full list as one message. Avoids multiple round-trips.

Steal forJoeFlow demo — this IS the JoeFlow use case. Literal product placement opportunity.
§ · Quotables

Lines you could clip.

02:30
Of all the things that AI can do, code is by far its superpower. I wanna lean into that superpower as much as possible for any use case that I have.
Tight thesis with conviction. No setup needed.TikTok hook / IG reel cold open
08:30
The more information you put into this conversation, the fuller the AI's head gets, and the fuller it gets, the dumber it gets.
Sticky mental model, instantly understandable, mildly funny. One-take short.TikTok hook
00:20
You don't need to know a single thing about coding. That's what Claude's for.
Permission statement. Removes the #1 objection in 9 words.Cold open for any AI tool short targeting non-technical audience
00:00
How did you make those slides? I've gotten this question at least 100 times in the last two months.
Proof-of-demand hook. Social proof + curiosity gap in two sentences.IG reel cold open / YouTube Shorts
§ · Pacing

How they spent the runtime.

Hook length7s
Info densityhigh
Filler8%
Sponsors
  • 02:4603:58 · Self (30-day email series + coaching)
§ · Resources Mentioned

Things they pointed at.

10:30toolCursor
02:46productDylan's 30-day AI insight email series
§ · CTA Breakdown

How they asked for the click.

19:10newsletter
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.

Double CTA: free email series + paid coaching/community. Delivered twice — once mid-video, once in recap. Low pressure, clearly free first.

§ · The Script

Word for word.

HOOKopening / re-engagementCTAthe pitchstory
00:00HOOKHow 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.
02:05CTAI 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.
02:46CTASo 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
03:58and 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.
04:18Now 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.
05:14You 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,
05:34and 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.
05:56Importantly, 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,
06:26etcetera. 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.
07:16I 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.
08:17I 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?
10:30So 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.
12:13And 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,
12:49it'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.
14:11You'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.
14:30So 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.
15:08When 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.
15:28But 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.
15:55So 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.
16:26I 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,
17:14and 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
17:31Prezos 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.
18:02I'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.
18:31CTAAnd 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.
19:11CTAAfter 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.
§ · For Joe

Steal the proof-of-demand hook.

JoeFlow + Mod Boss playbook

Dylan never says 'I'm going to teach you' — he says '100 people asked, so here's my answer.' That single reframe turns a tutorial into social proof.

  • Open any tutorial with a real question you've been asked repeatedly — even 5 times is enough to say 'I keep getting asked this.'
  • The 'context window degradation = dumber model' framing is sticky and technically accurate — use it in JoeFlow onboarding to explain why dictation sessions should stay focused.
  • The Batch Edit via Dictation pattern (Apple Notes → paste once) is a literal JoeFlow demo moment. That's the product.
  • Dylan's 'Match the model to the task' two-tier framing maps directly to JoeFlow's engine selection — steal the visual (two cards, fast/cheap vs smart/expensive).
  • The single HTML file rule + GitHub Pages deploy is a repeatable formula for any tutorial format Joe makes — ship it as a template.
  • The prompt improver at console.anthropic.com is a specific actionable recommendation most creators haven't touched — worth a standalone short.
§ · For You

How to actually make AI slides that don't look like AI slides.

If you want to try this yourself

You don't need to know how to code — you need to know how to describe what you want, and Claude handles the rest.

  • Write your talking points first (doesn't have to be polished — bullets work). The AI builds from your structure, not from scratch.
  • Use Claude's free prompt improver at console.anthropic.com to turn your rough system prompt into something properly engineered.
  • Do your first 1-2 edits inside Claude chat, then download the HTML file and switch to Cursor for anything beyond that — this keeps the AI sharp.
  • Cursor's 'Select Element' feature lets you click on the exact part of the slide you want changed without having to describe it in words.
  • GitHub Pages is free, takes 5 minutes, and gives you a shareable URL anyone can open — no hosting costs, no setup.
§ · Frame Gallery

Visual moments.

§ · Watch next

More from this channel + related dossiers.