Слайд-фреймворк, созданный для агентов. Опишите свою колоду на естественном языке — ваш программист пишет React. Open-Slide отвечает за холст, масштабирование, навигацию, горячую загрузку и режим представления, чтобы агент мог сосредоточиться на контенте.

Каждый слайд отображается в фиксированном холсте 1920 × 1080. Страницы — это произвольные компоненты React, а не ограниченный DSL.

Почему открытая горка

Слайды — это визуальный код. Агенты отлично умеют писать код. Open-Slide — это отсутствующее время выполнения, которое превращает «сделать слайды о X» в отполированную, презентабельную колоду — и вы никогда не выходите из чата.

Основные моменты

🤖 Авторство с использованием агента-нативного авторства

Работает с любым программным агентом (Claude Code, Codex, Cursor и др.). Scaffolder поставляется с встроенными навыками:

• /create-slide — составляет колоду от конца до конца. Задаёт четыре вопроса по масштабу (тема и эстетика, количество страниц, плотность текста, движение против статики), выбирает идентификатор, планирует структуру и пишет страницы.
• /slide-authoring — технический справочник для холста 1920 × 1080 года, масштаба шрифта, палитры и правил макета. Агент читает это перед написанием.

От однострочного подсказка до отполированной палубы — без шаблонных шаблонов.

🎯 Инспектор в браузере

open-slide

The slide framework built for agents. Describe your deck in natural language — your coding agent writes the React. open-slide handles the canvas, scaling, navigation, hot reload, and present mode so the agent can focus on content.

Every slide renders into a fixed 1920 × 1080 canvas. Pages are arbitrary React components, not a constrained DSL.

npx @open-slide/cli init my-slide

Why open-slide

Slides are visual code. Agents are great at writing code. open-slide is the missing runtime that turns “make slides about X” into a polished, presentable deck — without you ever leaving the chat.

Highlights

🤖 Agent-native authoring

Works with any coding agent (Claude Code, Codex, Cursor, …). The scaffolder ships with built-in skills:

• /create-slide — drafts a deck end-to-end. Asks four scoping questions (topic & aesthetic, page count, text density, motion vs. static), picks an id, plans the structure, and writes the pages.
• /slide-authoring — the technical reference for the 1920 × 1080 canvas, type scale, palette, and layout rules. The agent reads this before writing.

From a one-line prompt to a polished deck, no boilerplate.

🎯 In-browser inspector

Switch the dev server toolbar to comment mode, then click any element or drag across a region and leave a note — “make this red”, “change to ‘Open Slide Rocks’”, “shrink the headline”. Each comment floats as a pin beside its target and is persisted as an @slide-comment marker in source. Run /apply-comments and the agent applies every pending edit, then clears the markers.

The loop: present → comment → /apply-comments → repeat.

🧑‍💻 In-app agent panel

Connect your locally installed Claude Code or Codex once and the whole loop moves into the browser: draft a deck, answer the scoping questions as option cards, apply comments with one click, and edit the selected element by describing the change. Without a connected agent the dev server keeps the terminal-driven flow above.

🖼️ Assets manager + svgl logo search