open-slide

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.