От промпта к PPTX: как работает open-slide
Платформа open-slide решает проблему «визуального кода» для ИИ-агентов. В отличие от традиционных инструментов, где ИИ генерирует текст, здесь агент пишет React-компоненты, которые рендерятся в фиксированный холст 1920 × 1080. Это позволяет создавать не просто слайды, а полноценные интерактивные веб-страницы, которые затем конвертируются в стандартные форматы.
Процесс запускается через CLI-команду npx @open-slide/cli init my-slide. Фреймворк интегрируется с популярными coding-агентами, такими как Claude Code, Codex и Cursor, предоставляя им встроенные навыки для генерации структуры, выбора палитры и типографики.
Инструменты для итеративного редактирования
Ключевая особенность open-slide — встроенный инспектор в браузере. Пользователь может кликнуть на любой элемент слайда и оставить комментарий (например, «сделай заголовок красным» или «уменьши шрифт»). Эти комментарии сохраняются как маркеры @slide-comment в исходном коде. Команда /apply-comments заставляет ИИ-агента применить все правки, замыкая цикл «презентация → комментарий → исправление» без выхода из чата.
Экспорт и интеграция с PowerPoint
Фреймворк поддерживает экспорт в три формата: статический HTML, PDF и, что наиболее важно, редактируемый PPTX. Конвертация в PowerPoint происходит полностью в браузере (без серверной части или headless-браузеров). Каждый слайд преобразуется в нативные текстовые блоки, фигуры и изображения, сохраняя редактируемость в Microsoft PowerPoint.
Технические детали и архитектура
Проект представляет собой pnpm + Turbo monorepo. Архитектура разделена на ядро (@open-slide/core), отвечающее за рендеринг, режим презентации и инспектор, и CLI-скелетон. Разработчики также внедрили менеджер активов с поиском логотипов через каталог svgl, что упрощает добавление брендовых элементов.
| Функция | Описание | Техническая реализация |
|---|---|---|
| Рендеринг слайдов | Фиксированный холст 1920x1080 | React-компоненты, а не DSL |
| Экспорт в PPTX | Редактируемый файл PowerPoint | Client-side конвертация, нативные объекты |
| Управление правками | Итеративное улучшение через ИИ | Маркеры @slide-comment в коде |
| Хостинг | Статический билд | Совместимость с Vercel, Netlify, Cloudflare |
Почему это важно
Open-slide устраняет разрыв между генерацией контента ИИ и финальным визуальным оформлением. Разработчики получают возможность развертывать презентации как статические сайты, а бизнес-пользователи — получать готовые, редактируемые файлы PPTX, созданные полностью автоматизированно. Проект распространяется под лицензией MIT.
Источник: Github ↗