explainroo — озвученные ролики-объяснения от агента
explainroo
Скилл и CLI: агент пишет сценарий и сцены, а голос, тайминг слов и рендер в MP4 работают на вашем компьютере без ключей API
- 793 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Инструмент ставит зависимости через npm, скачивает модели и запускает Chrome с кодом сцен, который пишет агент
- Режим демо снимает с сайта скриншоты, цвета, шрифты и тексты и воспроизводит интерфейс: чужой бренд и вводящий в заблуждение ролик создают претензии
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/explainrooОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Инструмент ставит зависимости через npm, скачивает модели и запускает Chrome с кодом сцен, который пишет агент
- Режим демо снимает с сайта скриншоты, цвета, шрифты и тексты и воспроизводит интерфейс: чужой бренд и вводящий в заблуждение ролик создают претензии
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
explainroo собирает видео из двух файлов, которые пишет агент: `script.md` с текстом для диктора и `scenes.js` с короткой программой отрисовки. Открытая модель Kokoro озвучивает сценарий на восьми языках, включая японский и китайский, и предлагает 54 голоса. Whisper размечает, в какой момент звучит каждое слово, а Chrome в фоне рисует кадры, поэтому рисунок может появляться ровно на нужном слове. На сценах можно рисовать графики, формулы, пошаговый код, ваши скриншоты и видеоклипы, а линии могут выглядеть нарисованными от руки. Камера следует за речью: приближается к тому, о чем говорит голос, и в конце отъезжает, чтобы последний кадр показал всю идею. Для видео синтезируются фоновая музыка и звуковые эффекты, музыка стихает под голосом. Результат собирает ffmpeg: MP4, файлы субтитров `.srt` и `.vtt`, обложка и главы для YouTube. Размеры подбираются под YouTube, Shorts, TikTok, Reels и посты с форматом 4:5 или квадратом. Агент не видит видео, поэтому есть проверки: снимки сцен, лист мелких кадров на все видео, поиск обрезанного и перекрывающегося текста и сверка произнесенных слов. Скилл `explainroo` подсказывает агенту найти или установить инструмент и прочитать `AGENTS.md` с правилами сцен.
Для кого. Для разработчиков, продуктовых команд и авторов обучающих материалов, которые просят Claude Code или Codex сделать ролик-объяснение или демо продукта и не хотят платить за облачную озвучку.
Подходит, если
- Нужен короткий ролик, где голос объясняет тему, например как HTTPS скрывает пароль, а рисунки появляются по ходу речи
- Требуется демо продукта: агент пересобирает экраны приложения по коду или сайту, а указатель мыши проходит по сценарию
- Ролик нужен сразу для нескольких площадок: один проект рендерится в размеры YouTube и TikTok командой `explainroo render`
- Нужны субтитры, обложка и главы для YouTube вместе с видео, а для README подойдет GIF
- Озвучку нельзя отправлять в облако: голос и тайминг считаются на вашем компьютере
Не подходит, если
- Нужен живой голос диктора с интонациями или видеоряд с актерами: сцены рисуются кодом, а синтез голоса остается синтезом
- На машине нет места под модели голоса и тайминга, которые при первой настройке занимают около 400 МБ, или нельзя поставить ffmpeg и Chrome
- Вы собираетесь выдать вымышленный ролик за чужой продукт или имитировать интерфейс чужого сервиса: режим демо повторяет цвета, шрифты и подписи кнопок
- Нужна точная покадровая раскадровка вручную: камера и анимация подбираются автоматически по речи
Пример запроса к агенту
Сделай 60-секундный ролик о том, как HTTPS скрывает пароль. Используй explainroo: прочитай его AGENTS.md и пройди шаги, на выходе нужен MP4Ограничения
Нужны Node.js 20.11 или новее, ffmpeg и Chrome либо Chromium. Первая настройка загружает модели голоса и тайминга примерно на 400 МБ, видеокарта не нужна. Автор разрабатывает инструмент на Linux, тесты запускаются на Linux, macOS и Windows. Языки кроме английского требуют доустановки.
В каждом ролике в углу стоит небольшая надпись «explainroo.com». Выключается она параметром `"watermark": false` в `video.json`, автор просит оставить ее, если возможно. Иллюстрации через модель изображений OpenRouter платные и в бесплатную часть не входят. Голос ElevenLabs требует отдельного аккаунта.
Подходят Claude Code, Codex, Pi и другие агенты, лучше всего инструмент работает с Claude Code и новейшими моделями Anthropic. Стоимость самого агента и его условия не относятся к explainroo.
Как отключить. Удалите папку `~/.explainroo` вместе с клоном репозитория и папку скилла `explainroo` в каталоге скиллов агента. Готовые ролики лежат в `videos/<имя>/out` внутри ваших проектов и остаются на месте.
Частые вопросы
Как установить explainroo для Claude Code?
Скопируйте в агент запрос из README: клонировать `https://github.com/vincentsch/explainroo`, прочитать `AGENTS.md` и выполнять шаги. Вручную: `git clone https://github.com/vincentsch/explainroo.git`, затем `npm install` и `node bin/explainroo.js doctor --fetch`. Папку `skills/explainroo` можно положить в каталог скиллов агента.
Нужен ли ключ API для озвучки?
Нет. Голос Kokoro и тайминг Whisper работают на вашем компьютере, ни аккаунта, ни ключа не нужно. Ключи требуются только для необязательных частей: голос ElevenLabs и иллюстрации через OpenRouter.
Какие языки озвучки поддерживаются?
Английский, испанский, французский, итальянский, бразильский португальский, хинди, японский и китайский. Для европейских языков и хинди ставится espeak-ng, для японского и китайского нужен Python с пакетом misaki.
Как сделать видео для TikTok?
Укажите размер при рендере: `explainroo render videos/demo --size tiktok` пишет вертикальную версию рядом с широкой. Для вертикальных, квадратных и форматов 4:5 включаются субтитры с подсветкой по словам.
Можно ли убрать водяной знак?
Технически да: в `video.json` задается `"watermark": false`. Автор просит оставить надпись «explainroo.com» в углу, потому что так другие люди находят проект.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для Claude Code и Codex, который превращает тему в озвученный анимационный ролик-объяснение на Remotion с субтитрами и главами
Скилл для Cursor, Claude Code и Codex: по названию продукта или ссылке собирает 4K-ролик с музыкой, озвучкой и проверкой
Скилл video-explainer собирает вертикальный ролик 9:16 из сценария: озвучка, субтитры, Remotion и проверка перед рендером
Скилл для Claude Code и Codex: по одной фразе делает рекламный ролик продукта, пишет музыку и правит кадр по клику
Скилл превращает кодового агента в студию объясняющих видео с озвучкой: синхронизация по словам, каталог движений и сборка через Remotion
Локальная видеостудия для кодового агента: вы описываете ролик одной фразой, агент режиссирует, машина рендерит без облака
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| explainroo — озвученные ролики-объяснения от агента (эта карточка) | нет | 793 | |
| HyperFrames | нет | 79 556 | собирает MP4 из HTML-композиций, которые пишет агент |
| anything2explainer | нет | 3 088 | делает озвученный ролик на Remotion с субтитрами и главами |
Коротко о README
Описание идет по этапам производства: голос, тайминг, рисунки, камера, звук, итоговый файл. Затем показаны шесть оформлений, форматы под площадки, настройка темпа и режим демо продуктов. В конце перечислены установка и благодарности библиотекам.
Бейдж для README
Исходный SKILL.md
---
name: explainroo
description: Make an explainer video (MP4) with a voice-over using explainroo. The voice is made on this computer and no API key is needed. Use when the user asks for an explainer, how-to, walkthrough, launch or tutorial video, an animated diagram with a voice-over, or a short for YouTube, Reels or TikTok.
---
# Make an explainer video with explainroo
explainroo makes an MP4 video from two files: a script with the words the
voice says, and a small JavaScript file that draws the pictures. A voice
model on this computer reads the script. explainroo writes down when each
word is spoken, Chrome draws the frames, and explainroo adds music and sound
effects.
## Find or install explainroo
Try these first:
```bash
command -v explainroo
ls "${EXPLAINROO_HOME:-$HOME/.explainroo}/bin/explainroo.js"
```
If neither exists, install it. It needs Node.js 20.11 or newer, ffmpeg, and
Chrome or Chromium.
```bash
git clone https://github.com/vincentsch/explainroo.git "$HOME/.explainroo"
cd "$HOME/.explainroo" && npm install
node bin/explainroo.js doctor --fetch
```
In the rest of this file, `explainroo` means whichever one you found: the
`explainroo` command, or `node "$HOME/.explainroo/bin/explainroo.js"`.
## Read AGENTS.md
`AGENTS.md` in the explainroo folder has the steps, the writing rules, the
settings and the Scene API, which is the list of everything `scenes.js` can
draw. Read it before you start.
## Make the video
Create the project where the user wants it, for example `./video`:
```bash
explainroo init video --theme paper --title "..."
```
Then follow the steps in AGENTS.md. When the video is done, tell the user
where `video/out/video.mp4` is, how long it is, and what
`explainroo verify video` said.