open-slide
A slide framework built for agents.
open-slide is a presentation framework designed for AI coding agents like Claude Code, Cursor, and similar assistants. It provides a runtime for building React-based slide decks through natural language instructions, with agents writing component code while the framework handles canvas rendering, navigation, and present mode. The scaffolder includes built-in skills that let agents draft entire decks from prompts, understand layout constraints, and apply user comments marked in the source. Every slide renders to a fixed 1920×1080 canvas, and decks export to static HTML or PDF for deployment.
Key Features
Use Cases
- 01Generate complete pitch decks or product presentations from a single natural-language prompt
- 02Iteratively refine slides by clicking elements to leave edit instructions for the agent to apply
- 03Build branded presentations with quick logo insertion from the svgl catalogue
- 04Create technical talk slides with custom React components and animations managed by an agent
- 05Export polished decks as static sites for conference presentations or client delivery
- 06Organize and version-control multiple presentation projects within a managed workspace
Related Plugins
View moreandrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
claude-mem
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
Understand-Anything
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
rtk
CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies
open-slide — FAQ
What is open-slide?+
open-slide is a React-based slide framework built specifically for AI coding agents, enabling you to create presentation decks through natural language prompts. The agent writes React components for content while the framework handles rendering, navigation, and presentation features.
How do I install open-slide?+
Run npx @open-slide/cli init my-slide to scaffold a new workspace, then cd my-slide and pnpm dev to start the development server. The scaffolder creates a project with agent skills preconfigured for Claude Code.
Which AI coding agents does open-slide work with?+
open-slide works with Claude Code, Cursor, Codex, and any coding agent capable of writing React components and reading skill documentation. The built-in skills are optimized for Claude Code but the framework is agent-agnostic.
Do I need API keys or external services?+
No API keys are required. open-slide runs entirely locally as a Vite-based development server and exports to static files. You only need Node.js, pnpm, and an AI coding agent to author slides.
Is open-slide free to use?+
Yes, open-slide is open source under the MIT license and free for both personal and commercial use.
How do I deploy a finished deck?+
Run the build command to generate a static HTML site, then deploy the output to any static hosting service like Vercel, Cloudflare Pages, or Netlify. You can also export directly to PDF for offline sharing.
How do I install open-slide?+
Open the source repository on GitHub and follow its README. open-slide is a plugin — MCP Agents Market links you directly to the official repo.
Is open-slide free?+
open-slide is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.