Auto-PPT
A code-based slide presentation template where each slide is a React component, designed to be built and edited by AI agents like Claude Code or Cursor.
Auto-PPT is a template and workflow for building slide presentations using code rather than a traditional slide editor. Each slide is a React component written in a .tsx file, and the full deck is previewed in a browser at a local development server. You can view the whole deck or jump to a single slide by its name in the URL.
The project is designed to be handed to an AI coding agent such as Claude Code, Cursor, or Codex. You describe the slides you want, and the agent writes and edits the component files to produce them. A file called SKILL.md is included specifically to instruct the AI on how the project is structured, what is safe to change, and how the editing loop works. Slides follow a fixed canvas size of 1920 by 1080 pixels, which scales to fit whatever screen the browser is on.
The project includes a small command-line tool called ppt that can list slides, add a new one, or print the text content of the deck. There is no built-in screenshot or export tool; the README suggests using whatever screenshot capability the AI agent already has for checking layout. The deck order and which slides are visible are controlled by a single config file.
Where it fits
- Describe your slides in plain English to Claude Code or Cursor and have the AI agent generate the full presentation as React components.
- Build a pixel-perfect 1920x1080 slide deck with complete control over layout and styling using code instead of a slide editor.
- Use the built-in CLI to manage slide order, add new slides, and print all deck text without opening a browser.