BB Video — скилл
Скилл рисует видео кодом: объясняющие ролики с озвучкой и промо-ролики для сайтов в 35 визуальных стилях, 16:9 и 9:16.
- 176 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Рендер запускает код проекта в Chrome с доступом к локальным файлам, а озвучка передает текст онлайн-сервису Microsoft.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/bb-videoОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Рендер запускает код проекта в Chrome с доступом к локальным файлам, а озвучка передает текст онлайн-сервису Microsoft.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
BB Video собирает видео без редактора и стоковых кадров: каждый кадр рисуется кодом HTML, SVG и `canvas` как функция времени, рендерится по кадрам в Chrome без интерфейса, музыка и звуки синтезируются кодом, а склейку делает ffmpeg. Скилл готовит объясняющие ролики с озвучкой, субтитрами и фоновой музыкой и промо-ролики для сайтов и приложений с музыкой в ритм и звуковыми эффектами, форматы 16:9 и 9:16. Пользователь выбирает только стиль из 35, например «whiteboard» с рукописью и формулами, «riso» с имитацией печати, «ink» в духе китайской живописи, «launch» для анонсов, «pixel» с 8-битной графикой, «chat» с историей в мессенджере или «trailer» с киношной подачей. Остальное делает агент: сначала показывает факты, текст и раскадровку, затем озвучивает и рисует. Результат лежит в `videos/<название>/out/`.
Для кого. Авторам объясняющих видео и маркетологам продуктов, которым нужен ролик с озвучкой и стилем без монтажной программы и стоковых кадров.
Подходит, если
- Нужен объясняющий ролик в стиле белой доски: почему небо голубое, с формулами и ведущим-персонажем.
- Для запуска сайта требуется промо в форматах 16:9 и 9:16 с музыкой в ритм смены кадров.
- Историю нужно рассказать видео-перепиской в мессенджере или в стиле теневого театра.
- Геометрическую задачу по скриншоту надо превратить в ролик с пошаговым разбором.
Не подходит, если
- Нужен монтаж снятого видео: скилл рисует ролики кодом и не режет отснятый материал.
- Закадровый текст конфиденциален: озвучка идет через онлайн-сервис речи Microsoft.
- Нет Chrome, ffmpeg и Python, а ставить их нельзя.
Пример запроса к агенту
Сделай объясняющий ролик в стиле whiteboard о том, почему небо голубое, и покажи сначала факты, текст и раскадровку.Ограничения
Нужны Node.js 18 или новее, Chrome или Chromium, ffmpeg в PATH, Python 3 и пакет `edge-tts` для озвучки. Текст озвучки уходит в онлайн-сервис речи Microsoft, поэтому конфиденциальный материал в него не кладите. Для промо скилл открывает указанный сайт в Chrome без интерфейса и делает снимки без входа в аккаунт. Поиск архивных фото отправляет слова в API Wikimedia Commons и скачивает только одобренные файлы. Рендер выполняет код проекта в Chrome с доступом к локальным файлам, запускайте его только на проектах агента или своих. Шрифты и библиотеки подгружаются из jsDelivr и `unpkg`.
Как отключить. Удалите папку `bb-video` из каталога скиллов агента, например `~/.claude/skills`. Созданные ролики лежат в `videos/` вашего проекта и скиллом не затрагиваются.
Частые вопросы
Как установить BB Video?
Выполните `npx skills add BubbleBrainBB/BB-Video`. Для глобальной установки в Claude Code: `npx skills add BubbleBrainBB/BB-Video --skill bb-video -a claude-code -g`. Либо клонируйте репозиторий и скопируйте `skills/bb-video` в `~/.claude/skills/`.
Что нужно для работы?
Node.js 18 или новее, Chrome или Chromium, ffmpeg в PATH, Python 3 и `edge-tts` для озвучки. Для зрительного стиля `toy3d` по желанию Blender 3.6, иначе фигуры строит three.js.
Куда уходит текст озвучки?
В онлайн-сервис речи Microsoft, так работает `edge-tts`. Конфиденциальный материал в закадровый текст не вставляйте.
Какие форматы и стили доступны?
Форматы 16:9 и 9:16, всего 35 визуальных стилей: `whiteboard`, `riso`, `ink`, `launch`, `origami`, `pop`, `op`, `cutout`, `ascii`, `shadow`, `bauhaus`, `pixel`, `chat`, `toy3d`, `newsreel`, `trailer` и другие.
Где лежит результат?
В `videos/<название>/out/`: видео mp4, обложка, а для `whiteboard` и `riso` еще обзорная картинка. Страницу `videos/<название>/index.html` можно открыть в браузере для просмотра и перемотки.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл делает 20–60-секундный ролик из вашей озвучки и реальных материалов в выбранном стиле, MP4 собирается локально.
Скилл делает промо-видео из кода: режиссура, анимация в браузере с размытием движения, своя музыка и готовый MP4 в 60 кадров
Скилл Video by Reference учится стилю у ролика-образца и собирает из кода анимированный короткий фильм с оригинальным саундтреком
Скилл превращает закадровый текст в 20-секундный пиксельный ролик 1920×1080 с озвучкой и проектом для правок.
Скилл собирает из темы озвученное видео в 4K: исследование, сценарий, локальный TTS, монтаж на Remotion и сведение в FFmpeg
Скилл video-explainer собирает вертикальный ролик 9:16 из сценария: озвучка, субтитры, Remotion и проверка перед рендером
Коротко о README
Скилл делает объясняющие ролики и промо с нуля кодом, без редактора. Рендер детерминирован, так как каждый кадр задается функцией времени, а проверки ловят скачки, вспышки и пустоты.