Reveal Presentations — Generate Slide Decks from Claude Code

Reveal Presentations is a Claude Code plugin that generates complete, professional HTML slide decks from a single text prompt. Powered by Reveal.js, it outputs a self-contained HTML file with dark editorial styling, 12+ slide templates, and keyboard navigation — no PowerPoint, no Canva, no design skills required. One command, full presentation.

I built this plugin because I was tired of the same loop: open PowerPoint or Google Slides, fight with formatting, drag boxes around, export to PDF, realize the fonts look wrong, start over. As someone who creates presentations for YouTube tutorials, community workshops, and conference talks, I needed something faster. Something that works the way I already work — inside the terminal, with AI.

So I built Reveal Presentations, a Claude Code plugin powered by Reveal.js that generates presentation decks using the Autonomee.ai design system. You describe what you want, and it builds the entire thing — slides, layout, styling, transitions.

/presentation AI Productivity Tools for Solopreneurs

That one line generates a complete pitch deck with a title slide, problem statement, solution overview, feature cards, metrics, timeline, and a call to action. Let me walk you through everything it does, how to use it, and why programmatic slide generation changes the game.

Why Programmatic Presentations Matter

Traditional presentation tools are visual-first. You start with a blank canvas and build manually. That works fine if you have a design team or unlimited time. For the rest of us — solopreneurs, educators, developers, consultants — it is a bottleneck.

Programmatic slide generation flips the model. Instead of designing, you describe. Instead of dragging elements, you write a prompt. The output is code — HTML, CSS, JavaScript — which means it is version-controlled, reproducible, and infinitely customizable.

Here is what that means in practice:

• Speed — A 15-slide pitch deck in under 30 seconds. Not 3 hours.
• Consistency — Every deck follows the same design system. No more “which template did I use last time?”
• Version control — Your presentations live in Git. Track changes, branch for different audiences, roll back mistakes.
• Portability — A single HTML file works everywhere. No app required to present. No “can you export as PDF?” conversations.
• Iteration — Change the prompt, regenerate. Tweak a CSS variable, everything updates. No slide-by-slide editing.

This is the same philosophy behind building your own AI infrastructure — own your tools, control the output, remove dependencies on platforms that change their pricing or features.

What Reveal Presentations Does

The plugin connects Claude Code to Reveal.js, the open-source presentation framework used by developers and conference speakers worldwide. When you run a /presentation command, Claude Code generates a complete HTML file with embedded styles, scripts, and content — ready to open in any browser.

Core Features

• Dark, editorial aesthetic — Near-black backgrounds, Playfair Display serif headlines, muted steel blue accents
• 12+ slide templates — Title, features, metrics, pricing, timeline, testimonials, comparison, code, workflow, and more
• Self-contained — Single HTML file with embedded styles. Works offline. No dependencies.
• Reveal.js powered — Keyboard navigation, fullscreen, overview mode, speaker notes, transitions
• Customizable — CSS variables for easy brand adaptation
• Free hosting — Push to GitHub Pages and share a link. That is it.

How It Works Under the Hood

When you run the /presentation command, several things happen:

1. Prompt analysis — Claude Code reads your description and determines the appropriate slide structure. A pitch deck gets different templates than a workshop or tutorial.
2. Template selection — Based on the content type, it selects from 12+ slide templates and arranges them in a logical narrative flow.
3. Content generation — Each slide gets populated with relevant content, headings, bullet points, metrics, or code snippets depending on the template type.
4. Style application — The Autonomee.ai design system gets embedded as CSS variables, ensuring consistent typography, colors, and spacing.
5. Output — Everything is compiled into a single .html file with Reveal.js loaded from CDN (or embedded for offline use).

The result is a file you can double-click to open in Chrome, push to GitHub Pages for sharing, or present directly from your laptop with no internet connection.

Slide Templates Reference

Step-by-Step: Your First Presentation

1. Install the Plugin

Install directly from GitHub:

claude /plugin install godago/reveal-presentations

Or clone and install locally:

git clone https://github.com/godagoo/reveal-presentations.git
claude /plugin install ./reveal-presentations

2. Generate Your Deck

The simplest approach is a one-liner:

/presentation AI Productivity Tools for Solopreneurs

For more control, provide structured details:

Create a pitch deck for TechStartup:
- AI-powered analytics platform
- $2M ARR, 500+ customers
- Pricing: $29/79/199 per month
- Founded 2023, Series A ready

3. Open and Present

The output lands in your project directory as an HTML file. Open it in any browser:

open presentation.html

Press F for fullscreen. Press O for overview mode. Press S to open the speaker notes window. You are presenting.

4. Deploy and Share

Push the HTML file to any static host:

# GitHub Pages (free)
git add presentation.html
git commit -m "Add pitch deck"
git push

# Vercel (free)
vercel --prod

# Netlify (free)
netlify deploy --prod

Send the URL. No “download this app” instructions. No compatibility issues. It is a web page.

Use Cases: Who This Is For

Startup Pitch Decks

Need to pitch investors next week? Describe your startup — problem, solution, market, traction, team, ask — and get a polished deck in seconds. Iterate by changing the prompt, not by fighting with slide masters.

Conference and Meetup Talks

Developer conferences especially benefit from this. Your code slides get real syntax highlighting. Your architecture diagrams get clean layouts. And if you are already working in the terminal preparing your talk, generating slides right there keeps you in flow.

Workshop and Tutorial Materials

I use this for my own community workshops. When I am teaching a concept and want to walk people through it visually, I generate a presentation alongside the lesson. The slides become a sharable artifact — attendees get a link, not a PDF that gets lost in Downloads.

Client Proposals and Reports

Consultants and freelancers can generate project proposals, quarterly reports, or strategy decks. The professional dark aesthetic signals quality without needing a design background.

Internal Team Updates

Weekly standups, sprint reviews, product updates — generate them from structured data. If your metrics live in a spreadsheet or database, you can pipe that data into a prompt and get a presentation automatically. This pairs well with Claude Code hooks, which can trigger presentation generation as part of a larger automated workflow.

Comparison: Reveal Presentations vs. Traditional Tools

The biggest differentiator is not any single feature — it is the workflow. You stay in your development environment. There is no context switching to a design app. The presentation is code, which means it fits into the same workflows, pipelines, and version control systems you already use.

Customization and Branding

The plugin follows the Autonomee.ai design principles by default:

• No gradients — solid colors only
• No rounded corners — sharp edges throughout
• Transparent cards with border outlines
• Outlined buttons (no fills)
• Dash markers instead of bullets
• Section numbers as “01 // SECTION NAME”

But you can override everything with CSS variables. Change two lines and the entire deck reflects your brand:

:root {
  --accent: #your-brand-color;
  --accent-light: #your-light-variant;
  --bg-primary: #0a0a0a;
  --text-primary: #e8e6e3;
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
}

For deeper customization, you can modify the slide templates themselves. Since the output is standard HTML, any web developer (or Claude Code itself) can adjust layouts, add animations, or create entirely new template types.

Deployment Options

The output is a single HTML file. Deploy it anywhere:

• GitHub Pages — Push to a repo, enable Pages, share the link. Free.
• Vercel — vercel --prod and done.
• Netlify — Drag and drop the file, or connect a repo.
• Your own server — Copy the file to any web server. Nginx, Apache, Caddy, it does not matter.
• Local — Just open index.html in any browser. No server needed.

I personally use GitHub Pages for all my presentations. Each deck gets its own repo, the URL is clean, and I can update slides by pushing a new commit. The Claude Code Always-On Architecture presentation and the Smart Check-in System presentation were both generated this way.

Keyboard Shortcuts

Example Prompts to Try

Here are some prompts I have used or seen others use successfully:

# Quick pitch deck
/presentation AI Productivity Tools for Solopreneurs

# Detailed startup pitch with data
Create a pitch deck for TechStartup:
- AI-powered analytics platform
- $2M ARR, 500+ customers
- Pricing: $29/79/199 per month
- Founded 2023, Series A ready

# Workshop slides
Make slides for my workshop on prompt engineering

# Topic exploration
Create a presentation about the future of AI agents

# Technical architecture
Generate an architecture overview for a microservices platform
with API gateway, message queue, and 4 services

# Product launch
Create a product launch deck for a new AI writing assistant
targeting content creators, $19/month, launching Q2

The more detail you provide, the more specific the output. But even a single sentence produces a solid starting point that you can iterate on.

Tips for Better Results

• Be specific about numbers — “500+ customers” and “$2M ARR” give the plugin concrete data to build metrics slides around.
• Mention your audience — “for investors” produces a different structure than “for developers” or “for a workshop.”
• Include a narrative arc — Problem, solution, proof, ask. The plugin can infer structure, but explicit guidance gives better results.
• Iterate in the terminal — Regenerate with a modified prompt. Each generation takes seconds, so rapid iteration is cheap.
• Combine with CLAUDE.md configuration — Add presentation preferences to your CLAUDE.md file so every deck automatically follows your brand guidelines.

Links and Resources

• GitHub Repository
• Reveal.js Documentation
• Autonomee.ai
• Telegram Bot Course — learn Claude Code step by step
• Autonomee Community

Frequently Asked Questions

Do I need to know HTML or CSS to use Reveal Presentations?

No. The entire point of the plugin is that Claude Code handles the code generation for you. You write a natural language prompt describing what you want, and it outputs a finished HTML presentation. If you do know HTML and CSS, you can customize the output further, but it is not required.

Can I use Reveal Presentations without Claude Code?

The plugin is designed specifically for Claude Code, but the output is standard Reveal.js HTML. You could manually write Reveal.js presentations or use another AI coding tool to generate them using the same template structure. The plugin just makes the process seamless within Claude Code.

How do I add images or videos to the generated slides?

Include image URLs or video embed references in your prompt, and Claude Code will place them in appropriate slide templates (like the split layout or full-bleed templates). You can also edit the generated HTML file directly to add media after generation.

Is Reveal Presentations free?

Yes, completely. The plugin is open source, Reveal.js is open source, and hosting on GitHub Pages is free. You need a Claude Code subscription to use the plugin, but the plugin itself and all generated output are free to use commercially.

Can I export the presentation as a PDF?

Yes. Reveal.js has built-in PDF export. Open your presentation in Chrome, add ?print-pdf to the URL, and use the browser print dialog to save as PDF. This produces a paginated document with one slide per page, suitable for sharing or printing handouts.