1. 01scaffold

   Init a deck

   One command spins up slides/, open-slide.config.ts, and a hot-reloading dev server. No templates, no themes, no assumptions.

   $npx @open-slide/cli init my-deck

   ✓ ready in 3s
2. 02author

   Ask your agent

   Your agent drafts pages as arbitrary React components. You guide with prompts; it writes files on disk.

   ›/create-slide for Q2 roadmap

   ...
3. 03iterate

   Edit, comment, apply

   Toggle inspect: click an element to tweak it visually, drop images into the assets pane, or leave a @slide-comment. Save batches your edits; /apply-comments lets the agent rewrite the rest.

   ›/apply-comment

   ✓ applied change

A slide is a file.
Just React, nothing else.

import type { Page } from '@open-slide/core';
 
const ACCENT = '#d56b48';
const WORD = 'deck';
const SUBTITLE = 'A React slide, rendered live.';
 
const Cover: Page = () => (
  <div style={{ background: '#08090a', color: '#f7f8f8' }}>
    <h1 style={{ fontSize: 188, letterSpacing: '-0.04em' }}>
      Hello, <em style={{ color: ACCENT }}>{WORD}</em>.
    </h1>
    <p>{SUBTITLE}</p>
  </div>
);
 
export default [Cover] satisfies Page[];