# open-slide

> A slide framework built for agents — describe your deck in natural language and your coding agent writes the React, while open-slide handles the canvas, scaling, navigation, and present mode.

open-slide is an open-source slide framework designed specifically for AI coding agents. Every slide renders into a fixed 1920×1080 canvas as arbitrary React components, giving agents full creative freedom without a constrained DSL. It ships with built-in agent skills, a dev server with hot reload, and a professional present mode — turning a one-line prompt into a polished, presentable deck.

- **Agent-native authoring** — Works with any coding agent (Claude Code, Codex, Cursor, etc.). Built-in `/create-slide` skill drafts a full deck end-to-end by asking four scoping questions, and `/slide-authoring` provides the technical reference the agent reads before writing.
- **In-browser inspector** — Click any element in the dev server to attach a comment ("make this red", "shrink the headline"). Comments are persisted as `@slide-comment` markers in source; run `/apply-comments` and the agent applies every pending edit automatically.
- **Assets manager + svgl logo search** — Manage images, videos, and fonts per deck through a built-in assets panel, and search/drop in brand logos via the integrated svgl catalogue.
- **Professional present mode** — Fullscreen playback with keyboard navigation, a presenter mode showing current/next slide preview, speaker notes, and a timer.
- **Export to static HTML & PDF** — One command exports your deck as a self-contained static HTML site or a print-ready PDF, shareable without a server.
- **Slide manager** — Organise decks into folders with custom emoji and drag-and-drop reordering.
- **Deploy-friendly** — Outputs a plain static build for one-click deploy to Vercel, Cloudflare Pages, Zeabur, Netlify, or any static host.
- **Get started** — Run `npx @open-slide/cli init my-slide`, then `pnpm dev`. The scaffolded workspace ships with agent skills preconfigured for Claude Code; drive the deck through your agent or edit slides directly.

## Features
- Agent-native slide authoring
- Built-in /create-slide and /slide-authoring agent skills
- 1920×1080 fixed canvas with React components
- In-browser click-to-comment inspector
- Hot reload dev server
- Assets manager with svgl logo search
- Professional present mode with speaker notes and timer
- Export to static HTML and PDF
- Slide manager with folders and drag-and-drop
- Deploy to Vercel, Cloudflare Pages, Netlify, Zeabur
- pnpm + Turbo monorepo structure

## Integrations
Claude Code, Codex, Cursor, Vite, React, svgl, Vercel, Cloudflare Pages, Netlify, Zeabur

## Platforms
WEB, API, CLI

## Pricing
Open Source

## Version
@open-slide/cli@1.0.2

## Links
- Website: https://open-slide.dev
- Documentation: https://github.com/1weiho/open-slide/blob/main/CLAUDE.md
- Repository: https://github.com/1weiho/open-slide
- EveryDev.ai: https://www.everydev.ai/tools/open-slide