Meta Guide

The /presentation
Skill

How to build polished HTML slide decks in minutes using Claude Code's presentation builder.

Claude Code Self-Contained HTML No Dependencies
01
What You Get

One file. Zero dependencies.

Every presentation is a single self-contained HTML file you can open anywhere.

HTML

Single File Output

One .html file with all styles and scripts inline. No build step, no framework, no external assets beyond Google Fonts.

Built-In Navigation

Scroll-snap between slides. Click or use arrow keys to advance. Fixed nav dots show your position at all times.

PDF

Print-Ready

Hit Ctrl+P in any browser. Prints to landscape PDF with one slide per page, colours preserved exactly.

02
Getting Started

How to invoke it

Type /presentation in Claude Code followed by your brief.

03
The Workflow

Five steps from brief to file

Claude walks you through each step. You make the decisions, Claude builds the output.

Step 1

Parse Brief

Extract topic, audience, slide count, and outline

Step 2

Choose Colours

Pick a preset palette or provide custom hex codes

Step 3

Clarify Structure

Confirm slide types if the brief is ambiguous

Step 4

Build HTML

Assemble slides from the component library

Step 5

Save & Confirm

Write the file and report what was built

04
Colour Options

Four preset palettes

Choose one, or provide five custom hex codes for full control.

Corporate Navy

Navy, orange, teal. Professional and balanced. Good default for business presentations.

Forest & Gold

Deep green, warm gold, earth tones. Grounded and understated. Works well for strategy decks.

Slate & Coral

Charcoal, coral, muted blue. Modern and approachable. Good for team-facing content.

Deep Purple

Indigo, amber, emerald. Bold and energetic. The palette you're looking at right now.

05
Component Library

12 slide types to work with

Claude picks the right components for your content. You can also request specific types.

Layout Components

  • Title slide with headline, subtitle, tags
  • Cards in 2, 3, or 4 column grids
  • Two-column split for side-by-side content
  • Comparison table with before/after columns
  • Stat row for big numbers with labels
  • Closing slide for final statement

Narrative Components

  • Outcome list with numbered items
  • Flow diagram in 3, 4, or 5 steps
  • Loop/cycle diagram for circular processes
  • Issue/question list with badges
  • Gap badges for metrics with descriptions
  • Big question for provocative emphasis
06

Tips for great results

The more specific your brief, the better the output.

1

Name your audience

"For the executive team" produces different content than "for the project team." Claude adjusts tone and detail level.

2

Give a slide count

Say "6 slides" or "10-12 slides." Without guidance, Claude defaults to 8-12. Fewer slides forces sharper content.

3

Mention specific points

If you know the key messages, include them. "Cover the three-stage rollout, budget impact, and team changes" gives Claude structure to work with.

4

Iterate after the first build

Ask Claude to adjust individual slides, swap components, change colours, or add content. The file is just HTML — easy to refine.

07
Join The Pack

Pack members get resources like this for free.

Frameworks. Templates. Live workshops. Weekly calls. Direct accountability.

Everything you need to systemise your business and get your time back.

Join The Pack →
08