AI Linkbase

open-slide: Build React Presentations with AI Coding Agents

Learn how open-slide lets Codex and other AI coding agents create editable React presentations, iterate in a browser, and export static HTML or PDF decks.

AI Linkbase Team·Published August 26, 2026·8 min read

Most presentation software is designed around a human dragging boxes onto a canvas. open-slide starts from a different assumption: AI coding agents are already good at writing React, so a slide should be a React file that an agent can create, inspect, and revise.

That makes open-slide a developer framework rather than another one-click AI presentation generator. You describe the deck, an agent writes the pages, you review the result in a browser, and the next prompt updates the source code. The workflow is particularly relevant to technical founders, product teams, and people building demos for AI agents.

Short verdict: open-slide is a compelling niche tool for developers who want presentations versioned and edited like software. It is not the best choice if you need drag-and-drop templates, real-time team collaboration, or a native PowerPoint workflow.

What is open-slide?

open-slide is an open-source, React-first slide framework. Every page renders on a fixed 1920×1080 canvas and is represented by an arbitrary React component rather than a restrictive slide-specific markup language. That gives a coding agent access to normal web primitives for typography, charts, layout, motion, and interaction.

The official project is released under the MIT license and provides the @open-slide/cli scaffolder and @open-slide/core runtime. Start with npx @open-slide/cli init my-deck, then run the generated workspace locally. See the official getting-started guide for the current setup.

How the AI coding workflow works

The core loop

Brief → Agent drafts React slides → Browser preview → Human comments or edits → Agent applies changes → Present or export

The generated workspace includes agent instructions and skills such as /create-slide and /apply-comments. In practice, the useful distinction is not that the agent gets everything right on the first attempt. The value is that visual feedback can be attached to a specific element and turned into a source-level change.

  1. Initialize a deck workspace with the CLI.
  2. Give your coding agent a topic, audience, page count, density, and visual direction.
  3. Open the live preview and inspect a headline, image, chart, or other element.
  4. Leave a visual comment or adjust supported properties, then ask the agent to apply the change.
  5. Run the static build when the deck is approved, and share the HTML or PDF output.

Where open-slide is strong

1. It matches how coding agents work

An agent that can edit TypeScript and React can author a deck without learning a new visual DSL. This is a natural fit for Codex, Claude Code, Cursor, Windsurf, and similar tools.

2. It handles developer-grade customization

Because pages are components, you can add charts, code examples, product UI mockups, animations, or interactive elements with familiar web techniques. The tradeoff is that the author needs to be comfortable reviewing code.

3. It makes review part of authoring

The inspector and comment loop is more useful than a vague “make it better” prompt. A reviewer can point at a specific element and preserve the feedback in the source workflow.

4. It is easy to deploy

The documented build output is a plain static site, so a finished deck can be deployed to common static hosts or exported as a PDF without running a dedicated presentation server.

Limits and risks to understand

  • Technical learning curve: React, Node.js, source control, and browser debugging are part of the workflow.
  • Not office-suite collaboration: The project is not positioned as a replacement for PowerPoint or Canva’s template and collaboration ecosystems.
  • Code review matters: Arbitrary React gives flexibility, but generated code should be reviewed before it is run or published. Treat external assets and embedded scripts as untrusted until checked.
  • Open-source maturity: GitHub activity and stars are useful signals, not a guarantee of support, compatibility, or a stable roadmap.

Who should use open-slide?

Choose open-slide when your team already uses an AI coding agent and wants a deck that can evolve with a product, codebase, or research project. It is a strong fit for an agent-demo day, a technical product launch, an interactive architecture walkthrough, or a pitch deck that needs repeatable source control.

Choose a conventional presentation product when the priority is fast template selection, non-technical editing, simultaneous comments, or broad office-file compatibility. In those cases, open-slide can still be an experimental developer surface, but it should not be the default tool for the whole organization.

AI Linkbase recommendation: Include open-slide in an AI-agent and developer-tools collection. Keep the page editorial and transparent: it is free and open source, and no public affiliate program is currently listed.

Sources: open-slide official site · GitHub repository · Getting-started documentation

Frequently Asked Questions

What is open-slide?

open-slide is an open-source, React-first slide framework built for AI coding agents. Each slide is an editable React component rendered on a 1920×1080 canvas.

Can Codex use open-slide?

Yes. The official project documents compatibility with Codex and other coding agents that can edit React files. The generated workspace includes skills for drafting and applying visual comments.

Is open-slide a replacement for PowerPoint or Canva?

Not for most non-technical users. open-slide is better understood as a developer framework for code-owned, agent-generated presentations. PowerPoint, Canva, and Gamma remain more practical for templates, collaboration, and office-file workflows.

Does open-slide export to PDF?

Yes. The project documents export to a self-contained static HTML site and a print-ready PDF, in addition to live browser presentation mode.

Does open-slide have an affiliate program?

No public affiliate or referral program is currently listed on the official website or GitHub repository. AI Linkbase includes it as an editorial open-source listing, not an affiliate offer.

See open-slide in the AI Linkbase directory

Review the capabilities, tradeoffs, license, and recommended use cases before starting a deck.