NemoClaw Knowledge Wiki

Using Claude with Cursor to make presentations. Dylan Davis

4 min read

results in HTML file. https://www.youtube.com/watch?v=TZ3yYXAz_i8 Dylan Davis channel At the end of making the output you can then ask Claude to export as a PDF. https://www.youtube.com/watch?v=TZ3yYXAz_i8 Console.anthropic.com Can be used to create high quality prompt such as the system prompt the author used

This is a comprehensive breakdown of the method for creating AI-powered presentations as shown in the video “I Stopped Using PowerPoint Once I Learned This Claude Method.”

🚀 The 5-Step Method to AI Slides (2026 Guide)

Traditional slide tools like PowerPoint are often constrained by templates. This method uses Claude AI and Code (HTML/CSS) to create highly customized, professional, and unique presentations.

📋 The 5 Steps at a Glance

  1. Write Script: Create the foundation of your content.
  2. Claude Project: Set up a persistent environment for consistency.
  3. Opus 4.5 + Extended Thinking: Use the high-end model for maximum quality.
  4. Quick Edits: Refine the design within the Claude chat interface.
  5. Code Editor: Use Cursor or Claude Code for the final polish.

🛠 Step 1: Write Your Script

The AI needs a clear reference to build visuals.

  • Format: Can be a word-for-word script or a structured outline with bullet points.
  • Goal: Define exactly what you want to talk about per slide. This acts as the “logical skeleton” for the presentation.

📁 Step 2: Set Up a Claude Project

Creating a Claude Project allows the AI to “remember” your preferences, branding, and previous work.

  • Go to Claude.ai and select Projects from the left menu.
  • Create a new project (e.g., “Slides Creator V2”).
  • Persistence: Once set up, you can simply drop in new scripts in the future, and Claude will generate consistent slides every time.

🧠 Step 3: Opus 4.5 + Extended Thinking

For high-quality design and complex layout reasoning, model selection is critical.

  • Model: Select Claude Opus 4.5.
  • Mode: Ensure Extended Thinking is turned on.
  • Why: This model handles ambiguity and multi-step design tasks significantly better than Sonnet or other standard models.

✍️ Step 4: Quick Edits in Claude

Once Claude gives you the first version of your HTML presentation:

  • 1-2 Iterations: Use the chat window to make broad changes (e.g., “Make the background darker,” “Add a slide about pricing”).
  • Constraint: Don’t stay in the chat too long. After 2 rounds of edits, the AI’s “intelligence” for that specific session can start to degrade.

💻 Step 5: Local Code Editor (Final Polish)

Download the .html file from Claude and open it in a dedicated code editor.

  • Recommended Tool: Cursor (an AI-powered code editor).
  • Pro Feature: Use the “Select Element” tool in Cursor to point at a specific part of a slide and ask the AI to change just that section (e.g., “Replace this icon with a logo”).
  • Alternative: Claude Code (for more technical users via terminal).

📄 The “System Prompt” Template

To get the best results, add this into your Claude Project’s Instructions section:

Role: You are a professional presentation designer and front-end developer. Task: Create a single, self-contained HTML file containing a full slide presentation based on provided notes. Design Philosophy:

  • Minimal text per slide; focus on key numbers, statistics, or single phrases.
  • Maximum visual impact (large typography, high-contrast colors).
  • Modern, Apple-style minimalist aesthetic.
  • Use standard keyboard navigation (left/right arrows) for the slides. Technical Requirements:
  • Single HTML file with embedded CSS and JS.
  • Responsive layout with clear visual hierarchy.

🌍 How to Share Your Slides

Since your presentation is a website (.html file), you can host it for free.

  1. GitHub: Create a public repository and upload your index.html and any images.
  2. GitHub Pages: Go to Settings > Pages and set the source to your main branch.
  3. Result: You’ll get a unique URL (e.g., username.github.io/project-name) to share with anyone.

💡 Why Code (HTML) instead of PowerPoint?

  • Truly Unique: You aren’t limited by PowerPoint’s “boxes.” You can have animated visualizations, complex diagrams, and glassmorphism effects.
  • AI Superpower: Code is where LLMs like Claude are strongest. Leveraging their coding ability yields higher-quality design than asking them to “arrange shapes” on a slide.

Graph View