// SLIDE 01 — HOOK
YOU'VE MADE SLIDES BEFORE. THIS ISN'T THAT.
Smarter templates.
Faster arrangement.
Generated copy in the text boxes.

That's what you walked away thinking. That's not what's happening here.
The gap between what you think is possible and what's actually possible is the entire point.

// SLIDE 02 — LEARNING OUTCOMES
WHAT YOU WILL BE ABLE TO DO BY THE LAST SLIDE.
By the end of this, you will be able to…Bloom's Level
Distinguish between a canvas-based slide tool and a browser-based programApply — L3
Identify at least two capabilities no template tool can produceAnalyze — L4
Explain why the cargo cult version never questions the canvas modelUnderstand — L2
Copy the Brutalist system prompt → paste into Claude → type helpApply — L3 ← do this
The last outcome is the only one that matters for the next ten minutes of your life.
// SLIDE 03 — THE CANVAS MODEL
WHEN YOU OPEN BEAUTIFUL.AI, HERE'S WHAT YOU'RE ACTUALLY LOOKING AT.
What it looks like
TITLE
IMAGE
TEXT     TEXT

A fixed rectangle. Boxes you can move around. The tool decides transitions. You pick layouts.

What it is
CANVAS

It is beautiful. It is constrained. The constraint is the canvas itself — the assumption that a slide is a place where you arrange things.

// SLIDE 04 — THE REFRAME
A SLIDE DECK BUILT IN HTML IS NOT A CANVAS. IT'S A PROGRAM.
A browser doesn't display things.
It runs things.
// It executes code. It plays audio. It draws interactive charts. // It adapts to screen sizes. It responds to keyboard input. // It loads different content per slide — natively, without plugins, without export steps. // Programs can do things canvases cannot.
// SLIDE 05 — THE MEDIUM
AUDIO THAT PLAYS WHEN A SLIDE LOADS. CHARTS. ANIMATIONS. ONE FILE.
01
Per-slide audio

Not a screen recording. Not post-production voiceover. A voice that triggers the moment that specific slide appears — per slide, on demand.

02
Animations with physical weight

HTML can give a transition texture that no template transition can match. The Solari board comparison is not a metaphor — it's exact.

03
Live interactive charts — like this one pulling from an API right now →

Pull from an API. Render in the browser. No export step. No static screenshot standing in for live data.

04
Responsive by default

Holds on a phone screen without reformatting. Same URL. Same file. Every device your audience owns.

05
One file. One link. Zero install.

Self-contained HTML. Hand someone a URL. Nothing to install, nothing to export, nothing to upload to a third-party service.

LIVE · api.open-meteo.com · NO API KEY · NO SERVER · FETCHED IN THE BROWSER
// fetching live weather data…
// SLIDE 06 — CHECK FOR UNDERSTANDING
PAUSE. BEFORE THE NEXT LAYER.
PAUSE.

What's one thing a browser-based slide deck can do that a canvas-based tool cannot — in one sentence? Say it out loud or type it somewhere. The answer tells you whether the reframe landed.

// CHECK FOR UNDERSTANDING
// SLIDE 07 — THE CARGO CULT
THE CARGO CULT VERSION LOOKS LIKE THIS. DESCRIBE → TEMPLATE → EXPORT.
STEP 01
DescribeYou describe a topic. The tool picks a template. The format is assumed before you've said a word about what the deck needs to do.
STEP 02
GenerateAI fills the text boxes. You adjust the copy. Bullets generated inside a structure that was never questioned.
STEP 03
ArrangeYou move boxes. Pick colors. Swap layout variants. The canvas is the constraint — and the canvas is invisible.
STEP 04
ExportPDF. PPTX. The deck leaves in a format that can't run code, play audio, or respond to anything. Beautiful.ai and Gamma are excellent at this. That's also the problem.
// SLIDE 08 — THE EVIDENCE
A MARKETING FINAL. A URL. A VOICE ON EVERY SLIDE.
What the canvas model produces
Static slides in arranged boxes
A PDF or PPTX export file
Voiceover recorded separately in post
Desktop layout that breaks on mobile
Transitions that feel like software
What this deck produced
15-slide brand analysis, live at a URL
Audio triggered per slide, on load
Animations with physical texture
Mobile-ready — same file, same URL
"Feels like the mechanical Solari Clacker Board" — Hard Vithani
"The format is original, works well for me." — Clement Levallois, Head of Department, Gobelins Paris
// SLIDE 09 — THE ANALOGY
TWO WAYS TO GET A MEAL. ONE IS A PRINTED MENU.
The best template tools are excellent menus.
The menu is also the ceiling.
// Curated. Organized. The kitchen has decided what it can make. // Your job is to choose — not to describe, not to imagine. // The food is good. The presentation is considered. // You know exactly what you're getting. And the menu is the ceiling.
// the kitchen
// SLIDE 10 — THE MODEL
THE SECOND IS A CONVERSATION WITH A CHEF WHO CAN COOK ANYTHING.
The menu model
  • The kitchen decides the options upfront
  • You choose from what's on the list
  • The format is fixed before you arrive
  • The ceiling is the menu
The conversation model
  • You describe what you need. It gets built.
  • You react. It changes. Every change is a sentence.
  • The kitchen is HTML — runs in every browser on every device
  • The only limit: how clearly you describe what you want
That's a prompt problem. It's learnable. It gets easier every time.
// the chef
// SLIDE 11 — CHECK FOR UNDERSTANDING
PAUSE. APPLY THE FRAME.
PAUSE.

Which model have you been using — menu or conversation? Think of the last time you wanted a slide deck to do something and the tool said no by not having the option. That's the menu. That's the ceiling the conversation model removes.

// CHECK FOR UNDERSTANDING
// SLIDE 12 — THE IMPLICATION
STOP ASKING WHAT'S AVAILABLE. START ASKING WHAT YOU NEED IT TO DO.
Old question
What templates are available?
What does this tool support?
What's the export format?
What layouts can I choose from?
What does the tool say is possible?
New question
Do I need it to speak? It can speak.
Do I need a live chart? It can pull one.
Responsive on mobile? HTML has done that for 20 years.
No code experience? That's what the conversation is for.
Describe a behavior. Claude builds it. You react. It changes.
// SLIDE 13 — THE EVIDENCE
SOMEONE LOOKED AT A SLIDE TRANSITION AND REACHED FOR A DEPARTURE BOARD.
split-flap display · html + css + js · no plugin required · activates on slide entry
// waiting for slide activation…
— HARD VITHANI, LINKEDIN
Not a template. Not an arrangement. Physical. Weighted. Present. That's what happens when you stop arranging boxes and start describing what you need the medium to do.
// SLIDE 14 — THE SETUP
THREE STEPS. COPY. PASTE. TYPE HELP.
01
Copy the system prompt

The Brutalist system prompt is linked in the description below. It's one file. Copy the whole thing.

02
Paste into a Claude project

Open Claude. Start a new project — or a new conversation. Paste the system prompt in. No account beyond Claude required. No install. No signup.

03
Type help

That's the entire setup. No export step. No template library to browse. Just a conversation and a file. The chef is in. Tell them what you need.

No account beyond Claude. No export step. No template library.
// the chef is in
// SLIDE 15 — CLOSE
TEACHING THE THING UNDERNEATH THE THING.
The canvas was never the medium.
The menu was never the limit.
The deck you just watched
built itself by talking.
PROGRAM NOT CANVAS // CONVERSATION NOT MENU // DEPLOYED NOT EXPORTED

Nik Bear Brown · Bear Brown LLC · Brutalist.art
Professor Bear · Teaching the thing underneath the thing.

01 / 15
NEXT SLIDE
Nik Bear Brown · Bear Brown LLC · Brutalist.art