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 24thA 9-minute screen-share demo where a heavily engineered CLAUDE.md turns any script into a polished HTML presentation with one prompt.
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.
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.
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 →
Opens to camera explaining viewers have asked about his presentation workflow. Promises to reveal the full system.

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.

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.

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.

Plugs the free GitHub repo. Demonstrates hash memorize mode where preferences typed in chat get permanently appended to CLAUDE.md.

Brief sign-off, standard subscribe CTA.
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.
“This essentially transforms Claude code into a master presentation designer.”
“The Claude MD file is really where all of the gold is.”
“With one prompt, we have a presentation that is ready to go, that is formatted well, that is designed well.”
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.
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.
6-step narrative arc encoded into CLAUDE.md that Claude follows when structuring persuasion-oriented presentations.
Explicit color-to-meaning mapping baked into CLAUDE.md so generated slides automatically use color to reinforce the argument.
File-system architecture that makes a single prompt sufficient to generate a complete styled presentation.
“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.
00:00
00:09
00:18
00:25
00:31
00:38
00:45
00:52
01:00
01:07
01:14
01:21
01:28
01:35
01:42
01:49
01:56
02:03
02:10
02:18
02:24
02:31
02:38
02:45
02:53
03:01
03:06
03:16
03:21
03:28
03:35
03:42
03:49
03:56
04:03
04:10
04:17
04:26
04:31
04:39
04:46
04:53
05:02
05:09
05:14
05:21
05:28
05:35
05:39
05:50
05:56
06:03
06:10
06:17
06:24
06:31
06:39
06:45
06:53
07:00
07:07
07:14
07:21
07:28
07:35
07:42
07:49
07:56
08:03
08:10
08:17
08:24
08:32
08:39
08:46
08:53
09:00
09:07
09:14
09:21Add Modern Creator as a preferred source and Google shows you more of our breakdowns in Search, Top Stories, and AI Overviews. It only changes what you see, and you can undo it in your Google settings anytime.
A 12-minute walkthrough of three escalating levels — install, brand, build — that turns Claude Code into a slide design studio.
April 24thAn 18-minute walkthrough of the three MCP harvests — Gmail, Slack, and call recordings — that keep an AI operating system's context from going stale.
June 24thA five-level framework for organizing knowledge so AI can actually find it — from a single CLAUDE.md to an always-on brain-OS.
June 17thA 15-minute walk-through of the /teach Claude Code skill — a stateful personal tutor that builds structured lesson plans, tracks your progress to disk, and calibrates each next lesson to exactly where you got stuck.
June 15thA 13-minute walkthrough of the four plain-text files that give an AI enough context to provide genuinely useful life and career advice.
June 17thEighteen numbered concepts — from what the tool is to self-running task loops — mapped in 25 minutes for anyone who has never opened a terminal.
June 14th