Open Slide — Agent-Ready Presentation Framework

Introduction

Open Slide is an open-source presentation framework designed from the ground up for AI coding agents. It allows developers to create slide decks programmatically using TypeScript and React, with a rendering pipeline optimized for agent-generated content.

What Open Slide Does

• Generates presentations from natural-language prompts via coding agent integration
• Renders slides using React components for full programmatic control
• Supports live preview with hot-reload during iterative agent editing
• Exports to HTML, PDF, and image formats for sharing and printing
• Provides a component library of common slide layouts and chart types

Architecture Overview

Open Slide is a React-based rendering engine that treats each slide as a component tree. The framework provides a declarative API that coding agents can use to define slide content, layout, and styling. A dev server offers live preview with hot-module replacement. The export pipeline uses headless browser rendering for pixel-perfect PDF and image output. The component system is extensible, allowing custom slide templates.

Self-Hosting & Configuration

• Scaffold a new project with the CLI create command
• Write slides as React components or let an agent generate them from prompts
• Customize the theme by editing the base CSS variables
• Configure export settings for resolution, format, and page size
• Deploy the dev server locally or in a CI environment for automated generation

Key Features

• React-based slide rendering for full programmatic control
• Agent-optimized API that produces clean slide output from LLM prompts
• Live preview with hot-reload for fast iteration
• Built-in chart and diagram components
• Multi-format export including HTML, PDF, and PNG

Comparison with Similar Tools

• Slidev — Markdown-based developer slides; Open Slide is React-based and agent-optimized
• reveal.js — HTML presentation framework; Open Slide adds agent-first APIs and component system
• Marp — Markdown to slides converter; Open Slide offers richer programmatic control
• PPT Master — AI slide generation; Open Slide is a framework for building custom slide apps
• Google Slides API — cloud-based slide manipulation; Open Slide is fully local and open-source

FAQ

Q: Can I use Open Slide without an AI agent? A: Yes. It works as a standalone React-based slide framework that you can code by hand.

Q: Does it support speaker notes? A: Yes. Speaker notes are defined alongside slide content and included in presenter mode and PDF exports.

Q: Can I import existing PowerPoint files? A: Open Slide focuses on code-first creation rather than file format conversion.

Q: Which agents integrate best with Open Slide? A: Any agent that can generate TypeScript/React code works, including Claude Code, Codex, and Cursor.

Sources

• https://github.com/1weiho/open-slide