Modern Creator
Zane Cole · YouTube

This ONE Claude Code Prompt Makes Better Presentations Than Canva

A 9-minute screen-share demo where a heavily engineered CLAUDE.md turns any script into a polished HTML presentation with one prompt.

Posted
9 months ago
Duration
Format
Tutorial
educational
Views
8.6K
271 likes
Big Idea

The argument in one line.

A carefully engineered Claude.md file transforms Claude Code into a presentation generator that produces multi-slide HTML presentations from any script in seconds by encoding design philosophy, copywriting rules, and style references into a single reusable prompt.

Who This Is For

Read if. Skip if.

READ IF YOU ARE…
  • A content creator or YouTuber who currently uses Canva, Keynote, or PowerPoint and wants to generate polished HTML presentations from scripts in seconds.
  • Someone comfortable with Claude and basic prompt engineering who wants to systematize their presentation design without hiring a designer or learning design software.
  • A person building multiple presentations regularly who values design consistency and wants to encode their personal style rules into a reusable system.
SKIP IF…
  • You need to present directly to clients or stakeholders — this generates HTML files, not export-ready formats like PDF or PowerPoint that most business environments require.
  • You're new to Claude, prompting, or coding projects — this assumes comfort with Claude Code, file management, and iterating on system prompts.
TL;DR

The full version, fast.

A heavily engineered CLAUDE.md file turns Claude Code into a one-prompt presentation generator that outputs polished multi-slide HTML decks from any raw script. The mechanism is a single project folder containing three pieces: a CLAUDE.md that encodes design philosophy, color psychology, copywriting rules, headline hierarchy, and audience context; a scripts folder where you drop the text; and a style-references folder holding 30-plus pre-built HTML templates like Apple minimal, Cluely-inspired, or retro arcade. You tag the script, name a style, and Claude assembles the deck in seconds. To improve outputs, type # in chat to push new rules into CLAUDE.md, drop images into assets and reference them by slide number, and treat the file as a compounding compass that gets sharper with every preference you add.

Free for members

Chat with this breakdown — free.

Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.

Create a free account →
Chapters

Where the time goes.

00:0000:47

01 · Hook and promise

Opens to camera explaining viewers have asked about his presentation workflow. Promises to reveal the full system.

00:4703: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:0105: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:1006: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:3208: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:1009:25

06 · Wrap and subscribe

Brief sign-off, standard subscribe CTA.

Atomic Insights

Lines worth screenshotting.

  • A CLAUDE.md that encodes color psychology (red for bad/outdated, green for good/new), copywriting hierarchy rules, and animation specs converts Claude Code into a specialized presentation designer that applies those preferences automatically without being re-instructed.
  • The style references folder — 30+ pre-built HTML design styles including Apple minimal, pixel video game, and website clones — gives Claude a concrete visual target to match rather than generating from vague aesthetic descriptions.
  • One prompt plus a script file plus a style reference produces a 23-slide animated HTML presentation, which eliminates the Canva session, the design decisions, and the copy-editing pass that would otherwise follow every script.
  • The hashtag memorize mode — typing a preference directly into the chat — writes it immediately to the CLAUDE.md file, which means preferences accumulate across sessions without manual file editing.
  • Telling Claude to copy the style of a specific website you like is the shortcut that converts a 30-minute design conversation into a single instruction — the model reads the visual language from the reference and applies it to the presentation.
  • A progress bar, a specific list count, or a color rule added through memorize mode becomes a standing instruction for every future presentation — the system gets more accurate with use rather than resetting to defaults.
  • HTML presentations rather than PowerPoint or Canva slides means the output is a web file that runs in any browser, can be embedded anywhere, and animates natively without a presentation app.
  • Separating the content (script file), the style (style reference), and the behavioral rules (CLAUDE.md) into distinct inputs makes the system modular: you can change one without rebuilding the others.
  • Adding an image to a specific slide requires only the instruction 'put screenshot on slide four' — the asset folder and the slide number are the only two pieces of information the model needs to place the image correctly.
  • The cloud-based GitHub repo distribution model — download a zip, import to your Claude Code project, start generating — converts a personal system into a public tool without building a product interface.
  • The copywriting rules in the CLAUDE.md — headline first, most important information up top, benefit lists formatted a specific way — produce consistently structured slides rather than slides where the layout varies with each generation.
  • Style files created by asking Claude to clone a website's visual language are the mechanism that converts 'I like how that looks' into a reusable design specification without any CSS knowledge required.
  • A presentation builder Claude Code project is the demonstration that Claude Code's value is not limited to software development: any structured output with repeatable format requirements is a candidate for CLAUDE.md-driven automation.
  • The primary investment in this system is CLAUDE.md refinement — adding preferences, correcting defaults, and encoding new rules over time — which means the system improves with use and the marginal cost of each new presentation approaches zero.
  • 23 slides of animations, statistics, color coding, and copywriting hierarchy produced from a single prompt is not a cherry-picked demo condition; it is the result of the CLAUDE.md doing the design work before the prompt is ever run.
Takeaway

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.
Glossary

Terms worth knowing.

CLAUDE.md
A markdown configuration file at the root of a Claude Code project that encodes persistent instructions — design rules, audience context, style preferences — applied automatically to every session.
Presentation Builder
Zane Cole's Claude Code project: a heavily engineered CLAUDE.md plus style reference library that generates polished multi-slide HTML presentations from a raw script with one prompt.
HTML presentation
A slide deck built as a web page using HTML, CSS, and JavaScript rather than PowerPoint or Keynote, enabling custom animations and full design control.
color psychology
The study of how colors affect perception and emotion, applied here as design rules (e.g., red = bad/danger, green = good/growth) baked into the CLAUDE.md instructions.
style reference
A pre-built example slide or design spec included in a Claude Code project so the AI can match an established visual aesthetic when generating new slides.
copywriting rules
Documented guidelines for how to write headlines, sub-headlines, benefit lists, and CTAs — embedded in CLAUDE.md so the AI consistently applies them to every slide.
one-prompt generation
The workflow pattern where a single, well-engineered prompt — backed by rich project context — produces a complete, polished output without follow-up instructions.
Apple-inspired design
A visual aesthetic characterized by clean white space, minimal text, bold typography, and high-contrast imagery — used here as the guiding design philosophy for slides.
Resources

Things they pointed at.

03:15productCluely
Quotables

Lines you could clip.

00:55
This essentially transforms Claude code into a master presentation designer.
Clean one-liner value statementTikTok hook↗ Tweet quote
01:05
The Claude MD file is really where all of the gold is.
Quotable thesis - CLAUDE.md as core IPIG reel cold open↗ Tweet quote
04:50
With one prompt, we have a presentation that is ready to go, that is formatted well, that is designed well.
Delivers the promise after the live demo landsnewsletter pull-quote↗ Tweet quote
The Script

Word for word.

Read-along

Don't just watch it. Burn it in.

See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.

metaphor
00:00So 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.
00:20And 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.
00:38And this essentially transforms Claude code into a master presentation designer. So it all starts with the Claude MD file. And this Claude MD file is really where all of the gold is.
00:48The 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.
01:03So, like, when something is bad, use red. When something is good, use green. Uh, different little nuanced, you know, preferences that I have for my presentations.
01:13Uh, 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.
01:30And 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% on the software engineering benchmark, then write as good as a senior level developer.
01:52The 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.
02:08So, 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 is I come over here to scripts, and I throw a script in here in as a text file.
02:23And 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.
02:30And 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.
02:59And I even have, like, Apple minimal style to look like Apple is presenting, like their designers designed this presentation. I even have stuff like Cluely.
03:09That'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.
03:23And so all I have to do now is I can go back to Claude code, and I just I just have to say, create me a presentation with my which was what did I title the script again?
03:36AI software business. And I do at, so I just tag the script, AI software business script in the style of, and we'll just do apple minimal.
03:49And I just run that, and Claude will create me a presentation using the script I've provided in the style that I've referenced. So one thing I forgot to do is actually paste the script into our text file.
04:01Claude was having a hard time creating our presentation, because it said the script was empty. So make sure you do that.
04:06Let me paste this in, and just go save that. And I will run that again. Okay.
04:11So 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.
04:25AI 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.
04:48But 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.
05:05You have, like, um, urgency. It switches to black. And, of course, you can refine this based on your preferences.
05:12That'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 based on the instructions that you put in that Claude MD file. So yeah, that is pretty good.
05:27The 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?
05:37With 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. And so, yeah, creating presentations is just now a matter of providing a script, going to our style references, and telling Claude to build it.
05:58Now 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 screenshot on slide four.
06:14So 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.
06:21I'll use the same exact script. So create me a presentation with the AI software business script in the style of and let's go see.
06:33Let's go pick out a style here.
06:39Let's just do old video game for fun. Old video game. And go ahead and run that.
06:45Real 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.
07:05So 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.
07:11And honestly, this is the best part, just opening it up and seeing what Claude made. So nice. Yeah.
07:17Looks like an old pixel video game. You even have like little buttons down here, like an arcade button. Press space to start.
07:25Let's go through. Yeah. Looks like an old pixelated arcade game to me.
07:32You even have, like, yeah, like, little old video game retro video game buttons. And it still follows our color coding with even some, like, nice little animations here if you hover over.
07:45But, 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.
07:54You can build literally any presentation, any style that you want. So I've refined this pretty extensively, so it creates well designed, well copy written presentations out of the box. But let's say you wanted to bring it closer to your style and you have different preferences that you want Claude to memorize.
08:10Well, 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.
08:37Let'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 three, not four.
08:48So whatever you want, whatever your preference is, all you have to do is tell Claude, and that Claude MD file is the compass, is kind of the master guide to guide Claude. And so the more you find that, the better results that you're going to get.
09:03But 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.
09:14It was a quick one, but I hope you got value out of it. If you did, please consider liking and subscribing below for plenty more Cloud Code and AI coding content.
09:22But thanks again for joining me, and I'll see you in the next one.
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.

Frameworks

Named ideas worth stealing.

02:10list

Zana Cola Formula

  1. Hook with controversy or surprise
  2. Validate their problem
  3. Show the hidden opportunity
  4. Prove it is real with data
  5. Create urgency without being pushy
  6. 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

  1. Red = negative / old way / bad
  2. Green = positive / new way / good
  3. Cyan = technology / Claude Code
  4. 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

  1. CLAUDE.md - the design brain
  2. scripts/ - raw .txt scripts
  3. style-references/ - 30+ pre-built HTML styles
  4. assets/ - images to insert
  5. 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
CTA Breakdown

How they asked for the click.

VERBAL ASK
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.

MENTIONED ON CAMERA
FROM THE DESCRIPTION
PRIMARY CTAWhere the creator wants you to go next.
Storyboard

Visual structure at a glance.

hook - camera open
hookhook - camera open00:00
Claude Code project open
promiseClaude Code project open00:47
CLAUDE.md color section
valueCLAUDE.md color section01:15
style-references folder
valuestyle-references folder03:16
single prompt typed
valuesingle prompt typed04:04
Apple minimal slides
valueApple minimal slides04:31
Your Personal Advantage slide
valueYour Personal Advantage slide05:09
retro arcade title screen
valueretro arcade title screen07:21
GitHub repo shown
ctaGitHub repo shown08:24
memorize mode demo
ctamemorize mode demo09:00
Frame Gallery

Visual moments.

Chat about this