Об этом проекте

Reel — это инструмент с открытым исходным кодом для создания демонстраций в виде кода (демо-as-code) для веб-приложений и командных интерфейсов. Небольшой спецификационный файл на YAML управляет реальным приложением — либо в браузере Chromium через Playwright, либо в реальном терминале — и записывает то, что действительно происходит. Затем эта запись преобразуется в всегда актуальные GIF, MP4, WebM, PNG-скриншоты и интерактивные HTML-составления, созданные с помощью HyperFrames. Рабочий процесс основан на спецификационном файле: вы либо пишете его, либо захватываете, запускаете `reel check`, чтобы проверить, что все шаги всё ещё работают, а затем `reel shoot`, чтобы получить запись. `reel compose` создаёт проект HyperFrames, а авторы заполняют описания сцен перед рендерингом. Ключевые особенности: - **Режим захвата**: управляйте своим приложением вручную, и Reel автоматически напишет спецификацию, включая стабильные селекторы на основе доступности. - **Грамматика сцен**: титульные карточки, выделения, переходы, диаграммы (Mermaid), увеличения, прокрутки и жесты перетаскивания, структурированные в последовательности, а не в виде сырых записей. - **Пресеты доставки**: оптимизированные выходные данные для README, социальных сетей, документации и высококачественного обмена. - **Аудио**: дополнительное голосовое сопровождение через ElevenLabs или OpenAI, синтез звуковых эффектов, фоновая музыка с подавлением и синхронизация изображений с голосом. - **Субтитры и локализация**: файлы субтитров SRT/VTT с вариантами перевода, сгенерированными с помощью LLM, по языкам. - **Обработка аутентификации**: вход один раз вне кадра с сохранённой сессией Playwright; демонстрации воспроизводятся с аутентификацией без раскрытия паролей в спецификациях. - **Детерминизм**: замораживает часы, отключает анимации, фиксирует локаль и временную зону для воспроизводимого рендеринга. - **Плагин Claude Code**: создание и улучшение демонстраций с помощью естественного языка через навыки `/reel` и `/reel-polish`. - **Интерфейс студии**: локальный интерфейс Next.js для редактирования спецификаций, записи с живым предпросмотром, ИИ-авторства и проверки отклонений. - **Интеграция с CI**: `reel check` действует как тест на «дым», который завершается неудачей, если потоки демонстраций сломаны. - **Поддержка редакторов**: автозаполнение схемы YAML для VS Code, JetBrains и Neovim. Всё работает локально — полностью под лицензией MIT, без SaaS, без необходимости хостинга. Требуется Node.js 22+ и TypeScript.