This framework addresses the challenge of rapidly creating polished slide decks by leveraging AI coding agents. It targets developers and content creators who want to automate presentation generation, enabling them to describe their desired slides in natural language and have an agent write the corresponding React code. The primary benefit is a streamlined, code-first workflow that abstracts away the complexities of slide design, canvas management, and presentation features.

How It Works

Open-slide provides a runtime environment where slides are rendered as React components on a fixed 1920x1080 canvas. The core innovation lies in its agent-native authoring capabilities. Users interact with coding agents, providing prompts that the agent translates into React code for each slide. The framework manages essential presentation functionalities like canvas scaling, navigation, hot reloading, and a dedicated present mode, allowing agents to focus solely on content generation. An integrated in-browser inspector facilitates an iterative feedback loop: users can click elements, add comments for modifications (e.g., "make this red"), and then execute a command (/apply-comments) for the agent to implement these changes.

Quick Start & Requirements

• Primary install/run command: npx @open-slide/cli init my-slide, followed by cd my-slide and pnpm dev.
• Non-default prerequisites: pnpm is required for development and running the project.
• Links: No specific quick-start or demo links are provided, but the CLI initialization serves as the entry point.

Highlighted Details

• Agent-native Authoring: Ships with built-in agent skills (/create-slide, /slide-authoring) designed to work with various coding agents, enabling end-to-end deck generation from prompts.
• In-browser Inspector: Facilitates direct interaction with slide elements for commenting and agent-driven edits, streamlining the refinement process.
• Assets Manager: Integrates image, video, and font management per deck, including a svgl catalogue for easy logo insertion.
• Professional Present Mode: Offers fullscreen playback, presenter view with slide previews, speaker notes, and a timer.
• Export & Deployment: Supports exporting decks to static HTML or PDF, and outputs static builds compatible with popular hosting platforms like Vercel and Netlify.

Maintenance & Community

No specific details regarding maintainers, community channels (e.g., Discord, Slack), or project roadmap are present in the provided README.

Licensing & Compatibility

• License type: MIT.
• Compatibility: The MIT license is permissive, allowing for commercial use and integration within closed-source projects. The static HTML output ensures broad compatibility across web environments.

Limitations & Caveats

The framework is primarily designed around agent-driven React development; while direct slide editing is possible, the core value proposition centers on AI-assisted creation. Developers new to pnpm or the Turbo monorepo structure may face an initial learning curve.