Навык для Codex и Claude Code, который превращает тему, статью или историю в озвученный ролик с рисованными от руки иллюстрациями и китайской каллиграфией.
- Звёзды
- 598
- Форки
- 38
- Открытые issues
- 0
- Последний коммит
- 20 часов назад
Что это?
explainroo создаёт обучающие видео по сценарию. Coding agent записывает текст озвучки в файл script.md, а рисунки для canvas, которые появляются при произнесении определённых слов, — в файл scenes.js. Затем инструмент генерирует озвучку с помощью Kokoro, синхронизирует её со словами через Whisper, отрисовывает кадры в headless Chrome и собирает MP4 с помощью ffmpeg.
Весь процесс выполняется локально; для озвучки по умолчанию не нужны аккаунт или API-ключ. Поддерживается озвучка на английском, испанском, французском, итальянском, бразильском португальском, хинди, японском и китайском (мандаринском). Вместо неё можно использовать голоса ElevenLabs или собственную запись. При рендеринге также можно создать файлы субтитров, обложку, главы для YouTube, GIF или MOV с прозрачностью.
Проект подходит и для создания демо продуктов: агент воссоздаёт экраны приложения по его коду или сайту, а указатель кликает по ним. В комплект входят шесть готовых визуальных стилей и несколько соотношений сторон для YouTube, Shorts, TikTok, Instagram и LinkedIn.
Ключевые возможности
- 01Генерирует озвучку локальной голосовой моделью Kokoro: доступны 54 голоса, API-ключ не нужен.
- 02Синхронизирует произнесённые слова с помощью Whisper, чтобы рисунки появлялись в нужные моменты.
- 03Отрисовывает сцены в стиле рисованных от руки с помощью Rough.js и 1 800 иконок Lucide.
- 04Создаёт MP4, GIF, MOV с прозрачностью, файлы субтитров и обложку.
- 05Предлагает шесть готовых визуальных стилей и несколько соотношений сторон для разных платформ.
- 06Создаёт демо продуктов, воссоздавая экраны приложений и добавляя кликающий указатель.
Сценарии использования
- Создание короткого обучающего видео на техническую тему прямо в ходе сессии с coding agent.
- Подготовка демо веб-приложения без записи экрана.
- Создание вертикальных видео с субтитрами для TikTok, Reels или Shorts.
- Создание озвученных диаграмм с прозрачным фоном для наложения в видеоредакторе.
Быстрый старт
- 1
Клонируйте репозиторий
git clone https://github.com/vincentsch/explainroo.git - 2
Перейдите в папку проекта
cd explainroo - 3
Установите зависимости
npm install - 4
Скачайте модели голоса и таймингов
node bin/explainroo.js doctor --fetch
Что важно знать
- Необходимо установить Node.js версии 20.11 или выше, ffmpeg и Chrome или Chromium.
- При первоначальной настройке скачивается около 400 МБ моделей.
- Для озвучивания на испанском, французском, итальянском, португальском и хинди также требуется espeak-ng; для японского и китайского нужен Python с misaki.
- Наилучшие результаты отмечены при использовании Claude Code и Opus 5.5; проект разработан для управления агентом программирования.
Темы
Частые вопросы
- Что такое explainroo?
- Создаёт по текстовому сценарию обучающее видео или демо продукта с озвучкой, синхронизацией слов и отрисовкой на canvas под управлением coding agent. explainroo создаёт обучающие видео по сценарию. Coding agent записывает текст озвучки в файл script.md, а рисунки для canvas, которые появляются при произнесении определённых слов, — в файл scenes.js. Затем инструмент генерирует озвучку с помощью Kokoro, синхронизирует её со словами через Whisper, отрисовывает кадры в headless Chrome и собирает MP4 с помощью ffmpeg.
- explainroo можно использовать бесплатно? Какая у него лицензия?
- explainroo распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- explainroo всё ещё поддерживается?
- Активно поддерживается. Последний коммит в explainroo — 19 окт. 2026 г..
- Для чего можно использовать explainroo?
- Создание короткого обучающего видео на техническую тему прямо в ходе сессии с coding agent. Подготовка демо веб-приложения без записи экрана. Создание вертикальных видео с субтитрами для TikTok, Reels или Shorts. Создание озвученных диаграмм с прозрачным фоном для наложения в видеоредакторе.
- Как установить explainroo?
- Клонируйте репозиторий: git clone https://github.com/vincentsch/explainroo.git Перейдите в папку проекта: cd explainroo Установите зависимости: npm install Скачайте модели голоса и таймингов: node bin/explainroo.js doctor --fetch
- Где скачать explainroo?
- Исходный код и инструкции по установке — на GitHub: https://github.com/vincentsch/explainroo
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Навык для Claude Code, который помогает создавать короткометражки в 51 стиле с помощью кода, без моделей генерации видео.
Скилл для Claude Code, который превращает промпт в короткую процедурную анимацию на canvas и рендерит её в MP4 с помощью headless-браузера и ffmpeg.
Навык Claude Code, который превращает URL сайта в ролик о запуске продукта с частотой 60 fps: видео создаётся на HTML, а звуковые эффекты синхронизируются с музыкой и добавляется размытие в движении.
Скилл для Claude Code превращает короткую тему в синхронизированный с битом моушн-ролик и рендерит его в MP4 с помощью HyperFrames.
Agent Skill и MCP-сервер с 42 локальными инструментами FFmpeg для монтажа видео и аудио в coding-агентах вроде Claude Code, Cursor и Codex.