@open-slide/cli
Scaffold a workspace for open-slide — a React-based slide framework with Claude Code skills preconfigured.
Usage
npx @open-slide/cli init my-slide
cd my-slide
pnpm install
pnpm dev
This creates a workspace containing:
slides/getting-started/ — a starter slide you can edit or delete.
package.json — depends on @open-slide/core, which provides the runtime (home page, slide viewer, fullscreen mode) and the open-slide CLI.
open-slide.config.ts — optional typed config (slidesDir, port).
.claude/skills/ and .agents/skills/ — Claude Code skills (create-slide, apply-comments, …).
CLAUDE.md — agent guide for authoring slides.
You won't see any Vite, React, or tsconfig files in the workspace. They live inside @open-slide/core and you never touch them.
Commands
open-slide init [dir] | Scaffold a new workspace in dir (defaults to current dir). |
open-slide init --force | Scaffold into a non-empty directory. |
open-slide init --name <name> | Override the generated package.json name. |
(Once installed in the workspace, @open-slide/core provides open-slide dev, open-slide build, and open-slide preview via its own bin.)
Authoring
Inside the scaffolded workspace, slides live under slides/<kebab-case-id>/index.tsx and default-export an array of Page components. Each page renders into a fixed 1920×1080 canvas; the framework handles scaling.
Ask Claude Code to "make slides about X" and the create-slide skill will take it from there.