# Open Slide — Agent-Ready Presentation Framework

> A TypeScript-based slide framework built for AI coding agents, enabling programmatic creation of presentations through natural-language prompts with React-powered rendering.

## Install

Save as a script file and run:

# Open Slide — Agent-Ready Presentation Framework

## Quick Use
```bash
npx create-open-slide my-deck
cd my-deck
npm run dev
```

## 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


---
Source: https://tokrepo.com/en/workflows/asset-5673d23c
Author: Script Depot