12:16Jay E | RoboNuggets · Tutorial
Claude HTML Slides = The NEW Powerpoint Killer (Full Tutorial)
A 12-minute walkthrough of three escalating levels — install, brand, build — that turns Claude Code into a slide design studio.
April 24th 2026§ 01 · The Hook
The bait, then the rug-pull.
Zane Cole opens with a direct answer to a real viewer question: what makes his YouTube slides look that good? The answer is not Keynote, not PowerPoint, not Canva. It is a single Claude Code prompt backed by one of the most deliberately engineered CLAUDE.md files on the internet.
What the video promised.
stated at 00:18“I am gonna show you my exact system so you can use Cloud Code to build you out beautiful presentations in seconds.”delivered at 00:47
Where the time goes.
00:00 – 00:47
01 · Hook and promise
Opens to camera explaining viewers have asked about his presentation workflow. Promises to reveal the full system.
00:47 – 03:01
02 · CLAUDE.md walkthrough
Opens Presentation Builder project. Walks through CLAUDE.md: color psychology, copywriting formulas, lead magnet CTA structure, content guidelines, animation specs, and Zana Cola Formula 6-step arc.
03:01 – 05:10
03 · Demo 1 - Apple Minimal
Pastes AI software business script, runs single prompt with apple-minimal style. Reviews 23-slide output: General Purpose Technology Revolution, Barriers Have Collapsed, 97% API cost reduction, Personal Advantage stats, Playbook Is Simple, Every Indicator Is Green, lead magnet CTA.
05:10 – 06:32
04 · Demo 2 - Retro Video Game
Shows image insertion via assets/ folder. Runs same script with old-video-game style. Reviews pixel-art aesthetic with starfield, HUD elements, neon arcade buttons.
06:32 – 08:10
05 · GitHub CTA and memorize mode
Plugs the free GitHub repo. Demonstrates hash memorize mode where preferences typed in chat get permanently appended to CLAUDE.md.
08:10 – 09:25
06 · Wrap and subscribe
Brief sign-off, standard subscribe CTA.
Visual structure at a glance.
Named ideas worth stealing.
02:10list
Zana Cola Formula
- Hook with controversy or surprise
- Validate their problem
- Show the hidden opportunity
- Prove it is real with data
- Create urgency without being pushy
- Natural transition to help
6-step narrative arc encoded into CLAUDE.md that Claude follows when structuring persuasion-oriented presentations.
Steal forAny sales page, webinar deck, or YouTube script structure
01:15model
Color Psychology System
- Red = negative / old way / bad
- Green = positive / new way / good
- Cyan = technology / Claude Code
- Neutral white/gray = backgrounds
Explicit color-to-meaning mapping baked into CLAUDE.md so generated slides automatically use color to reinforce the argument.
Steal forAny Claude Code content generation project where visual consistency matters
00:47model
Presentation Builder project structure
- CLAUDE.md - the design brain
- scripts/ - raw .txt scripts
- style-references/ - 30+ pre-built HTML styles
- assets/ - images to insert
- finished-presentations/ - output
File-system architecture that makes a single prompt sufficient to generate a complete styled presentation.
Steal forAny Claude Code workflow that needs repeatable design output
Lines you could clip.
00:55
“This essentially transforms Claude code into a master presentation designer.”
01:05
“The Claude MD file is really where all of the gold is.”
04:50
“With one prompt, we have a presentation that is ready to go, that is formatted well, that is designed well.”
How they spent the runtime.
Hook length47s
Info densityhigh
Filler5%
Things they pointed at.
03:15productCluely
How they asked for the click.
07:10link
“just click the link down in the description below, and I will send it to you for free”
Soft lead magnet framing - free GitHub repo. Effective because the demo proved the value before the ask.
Word for word.
HOOKopening / re-engagementCTAthe pitchmetaphor
00:00HOOKSo I've had quite a few people ask what I use to build out the presentations of my YouTube videos and how I get them to look so good. Now the secret is I'm not using Keynote, PowerPoint or Canva. I've actually discovered a powerful system using Cloud Code where I can take any video idea or script and turn it into a beautiful presentation with just one prompt in a few seconds. And in this video, I'm gonna show you my exact system so you can use Cloud Code to build you out beautiful presentations in seconds. So here we are in Cloud Code in my project called Presentation Builder. Now this entire project is refined and systemized and set up in a way that makes building beautiful presentations as quick, easy, and simple as possible. And this essentially .
00:43HOOKSo it all starts with the Claude MD file. And this . The prompt is, you are a professional presentation designer creating beautiful Apple inspired HTML presentations for YouTube videos. The user provides scripts and content, and you transform them into stunning visual presentations. So there's everything in here from design philosophy. So, like, when something is bad, use red. When something is good, use green.
01:08Uh, different little nuanced, you know, preferences that I have for my presentations. Uh, different formatting, copywriting, so like, you know, um, how to write the headlines, how to write sub headlines, how to do benefit lists, and call to actions. So I have really refined this, um, not only the design, but the copywriting as well. And so, uh, I even have my audience on here, typography and copy, and basically giving as much context and getting as refined as I possibly can. And so I have did I have done a, um, example here. So, like, if the script says, Opus 4.1 scored 74.5%
01:47on the software engineering benchmark, then write as good as a senior level developer. The most important thing first, sub headline 74.5% on the software engineer benchmark. So this learns my language and the way that I like to present, and, you know, it makes sure this ensures that it's putting the most important information in the headline of the slide. So, basically, this is my professional assistant at building slides. It knows my style, and it's very good at design and copywriting as well. And so what I do
02:18is I come over here to scripts, and I throw a script in here in as a text file. And so to show you an example, I'm gonna grab this script that I just generated with Claude as an example. Go ahead and copy this. And I'm gonna do a new file, and I will do let's see. What is the script called?
02:35AI software business. Okay. We will just call this aisoftwarebusiness dot txt, and I'll throw this in my scripts folder.
02:45Move this. Now in the style references folder, I have a plethora of different HTML design styles that I can have Claude choose and I can simply reference. And so there's everything in here from, like, an old pixelated video game style. And I even have, like, Apple minimal style to look like Apple is presenting, like their designers designed this presentation.
03:07I even have stuff like Cluely. That's a pretty popular software right now, and I like their website, so I told Claude to create me a style copying their website. But the sky is the limit with these styles. You can tell Claude to create whatever style you want, or if you find a website, you can simply tell Claude to copy the style. And so all I have to do now is I can go back to Claude code,
03:27and I just I just have to say, create me a presentation with my which was what did I title the script again? AI software business. And I do at, so I just tag the script, AI software business
03:43script in the style of, and we'll just do apple minimal. And I just run that,
03:51and Claude will create me a presentation using the script I've provided in the style that I've referenced. So one thing I forgot to do is actually paste the script into our text file. Claude was having a hard time creating our presentation, because it said the script was empty. So make sure you do that. Let me paste this in, and just go save that. And I will run that again. Okay. So Claude is done after that one prompt, and created us a 23 slide presentation. So let's go see how it looks. So I will go back out to my finished presentations folder.
04:21And let's see. Which one is it? Let me go to list, and then today. AI software business, Apple. Okay. That looks pretty good so far.
04:33I can't complain. That looks pretty good. I mean, especially for one prompt.
04:40Yeah. And like I said, like, lot of these, what it does is based on preferences that I've told it. So I said anytime it's, like, in the past or outdated, use red. But today, the new opportunity, new solution, use green.
04:55I mean, guys, this looks pretty dang good. So, like, you even have animations for every single page. You have, like, big statistics. You have, like, um, urgency. It switches to black. And, of course, you can refine this based on your preferences. That's what the Claude MD file is, and that's the beautiful thing about Claude code is you can essentially turn it into, like, a general agent
05:20based on the instructions that you put in that Claude MD file. So yeah, that is pretty good. The only thing is I would say, I would just increase the spacing on the bottom and top of this last slide here. But with one prompt, I mean, what more is there to say? With one prompt, we have a presentation that is ready to go, that formats that's formatted well, that's designed well, that has all the most important attention grabbing facts upfront.
05:49And so, yeah, creating presentations is just now a matter of providing a script, going to our style references, and telling Claude to build it. Now let's say you wanted to add an image to a slide. Well, all you would have to do is open up this assets folder, drop your image in there, and then just tell Claude to use it. So I have a screenshot here, and all I would have to do is put
06:11screenshot on slide four. So it's as simple as telling Claude which image to use and what slide to put it on. So just for fun, let's do one more. I'll use the same exact script. So create me a presentation with
06:27the AI software business script in the style of and let's go see. Let's go pick out a style here.
06:39CTALet's just do old video game for fun. Old video game. And go ahead and run that. Real quick, I should put this whole project in a public GitHub repo, so you can download it for free and start creating presentations right away. I've even included step by step instructions on how to use it and how to generate presentations. So all you have to do is come up here, click the arrow, download zip, and then import it into your Cloud Code project, and you can start creating beautiful presentations right away. So if you want this, just click the link down in the description below, and I'll send it to you for free. Alright. Claude is done with that one, so let's go check it out. And honestly, this is the best part, just opening it up and seeing what Claude made.
07:16CTASo nice. Yeah. Looks like an old pixel video game. You even have like little buttons down here, like an arcade button. Press space to start. Let's go through. Yeah. Looks like an old pixelated arcade game to me. You even have, like, yeah, like, little old video game retro video game buttons.
07:39CTAAnd it still follows our color coding with even some, like, nice little animations here if you hover over. But, yeah. I don't know how often I would use this one just because it's a little bit more difficult to read. But, I mean, the the the sky is the limit with this, guys. You can build literally any presentation, any style that you want.
07:58So I've refined this pretty extensively, so it creates well designed, well copy written presentations out of the box. But let's say you wanted to bring it closer to your style and you have different preferences that you want Claude to memorize. Well, all you have to do is come come over to the Claude code chat and you type in hashtag. And this brings Claude into memorize mode. And all you have to do is put like, may let's say you want a progress bar at the top for every presentation.
08:23So you would put include a progress bar at the top for every single presentation. And you would press enter, and this would actually add this to the claud m d file. And you can do all sorts of stuff. Let's say, you only want lists of three and not four. Well, you would type that in too, and only ever do list of three
08:47CTAthree, not four. So whatever you want, whatever your preference is, all you have to do is tell Claude, and that Claude MD file is the . And so the more you find that, the better results that you're going to get. But like I said, I've included the GitHub link for this below. So all you have to do is download it, add it to your project, open it up in Cloud Code, and you are ready to go. So thank you so much for joining me in today's video. It was a quick one, but I hope you got value out of it. If you did, please consider liking and subscribing
09:19CTAbelow for plenty more Cloud Code and AI coding content. But thanks again for joining me, and I'll see you in the next one.
§ · For Joe
CLAUDE.md is the product.
Presentation Builder playbook
The magic is not the prompt - it is the encoded design system in CLAUDE.md that makes every generated slide look like it was made by someone who knows what they are doing.
- Create a Presentation Builder project in Claude Code with scripts/, style-references/, assets/, and finished-presentations/ folders.
- Invest 2-4 hours writing a CLAUDE.md that encodes your color psychology, headline rules, copywriting formulas, and a named narrative arc.
- Build or steal 5-10 HTML style references that match your brand aesthetic - drop them in style-references/ and never think about design from scratch again.
- The single prompt: create a presentation with @scripts/[name].txt in the style of @style-references/[style].html - that is the entire interface.
- Use hash memorize mode to continuously teach Claude your preferences - treat CLAUDE.md as a living document that gets smarter each session.
- This is a legitimate MCN+ add-on: a Presentation Builder template that members download and customize to their own brand.
§ · For You
You can skip Canva for your next deck.
If you use Claude Code
If you already have Claude Code, you can build presentation slides from any outline or script in under a minute - no design skills needed.
- Download the free GitHub repo linked in the description - it includes the full CLAUDE.md and style references, ready to use.
- Drop your script as a .txt file in the scripts/ folder, pick a style you like, and run the single prompt.
- To change colors or fonts, tell Claude in the chat using the hash symbol - it will remember the preference for every future presentation.
- The Apple minimal style works for most professional contexts; the retro game style shows any aesthetic is achievable.
