Open Slide — Presentation Framework Built for AI Agents

Introduction

Open Slide is a presentation framework designed specifically for AI coding agents. Instead of dragging and dropping in a GUI, agents generate slide decks through code and natural language prompts. Built with React, it provides a programmatic API for creating slides with rich content including text, images, code blocks, and charts, then exports to standard formats for sharing.

What Open Slide Does

• Enables AI agents to create complete slide decks from natural language descriptions
• Provides a React component library for building slides programmatically
• Renders live previews of slides as they are generated or modified
• Exports presentations to PDF, HTML, and image formats
• Supports themes, layouts, and transitions configurable through code or prompts

Architecture Overview

Open Slide is a React application where each slide is a composable component. The framework provides a set of layout primitives, typography components, and media containers that agents use to assemble presentations. A rendering engine converts the React component tree into a visual slide deck with consistent styling. The export pipeline renders each slide to a canvas and outputs PDF, HTML, or image files. The API is designed for agents to interact with programmatically, making it straightforward to integrate with Claude Code, Codex, and other coding agent CLIs.

Self-Hosting & Configuration

• Clone the repository and run npm install to set up dependencies
• Start the development server with npm run dev for live preview
• Customize themes by modifying the theme configuration file or creating new theme packages
• Configure export settings including resolution, format, and page size in the config
• Deploy the preview server for team access or use locally during agent sessions

Key Features

• Agent-first API design makes programmatic slide creation natural for coding agents
• React component architecture enables composable, type-safe slide construction
• Live preview updates as slides are generated, giving agents visual feedback
• Multiple export formats including PDF, HTML, and PNG for different sharing needs
• Themeable design system with pre-built themes and custom theme support

Comparison with Similar Tools

• Slidev — developer-focused Markdown slides; Open Slide is designed for AI agent workflows
• Reveal.js — HTML presentation framework; Open Slide provides a React API optimized for agent interaction
• Marp — Markdown to slides converter; Open Slide offers richer programmatic control via React components
• Google Slides API — cloud-based; Open Slide is local and open-source with no account required
• Presenton — AI slide generator; Open Slide is a framework for agents rather than a standalone generator

FAQ

Q: Which AI agents work with Open Slide? A: Any coding agent that can write React/TypeScript code can create slides with Open Slide, including Claude Code, Codex, and Cursor.

Q: Can I present directly from Open Slide? A: Yes, the development server includes a presentation mode with fullscreen display and keyboard navigation.

Q: What content types are supported in slides? A: Text, images, code blocks with syntax highlighting, charts, tables, and custom React components.

Q: Is there a WYSIWYG editor? A: Open Slide is code-first by design. The live preview provides visual feedback while the agent writes slide code.

Sources

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