YouTube AI Motion Graphics — скилл

Три скилла Claude и 74 HTML-доски для анимированных объяснений: синхронизация с голосом через Whisper и покадровый экспорт в MP4.

  • 199 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Расширенный доступ

Почему такой уровень

  • Установочный скрипт ставит зависимости, а скилл запускает Whisper, Chrome и FFmpeg и пишет видеофайлы на вашу машину.
Все причины и проверки

sirioberati/youtube-ai-motion-graphics

Установка

Работает в

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/youtube-ai-motion-graphics

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Установочный скрипт ставит зависимости, а скилл запускает Whisper, Chrome и FFmpeg и пишет видеофайлы на вашу машину.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Репозиторий собирает целый процесс создания пояснительных роликов для YouTube. В нем 74 анимированные доски 1920 на 1080: диаграммы, графики, движение компонентов, сценарные кадры. Три скилла делят работу: `explainer-board-brief` решает, что идет на доску, `explainer-board-system` задает внешний вид и движение и ведет каталог досок, `board-sync` привязывает каждый элемент к произнесенному слову и рендерит ролики. Слова берутся из расшифровки Whisper с точностью до слова, а экспорт идет покадрово через Chrome и FFmpeg. Рядом лежат все промпты из видеоурока по девяти шагам, файл проверок `checks.md` и скрипт `tools/setup-check.sh`, который подсказывает, чего не хватает.

Для кого. Авторам YouTube-каналов, которые делают объясняющие ролики с анимированными схемами и хотят доверить агенту синхронизацию графики с голосом.

Подходит, если

  • Сценарий размечают на доски, и нужно решить, что показывать в каждом куске речи.
  • Диаграмма должна появляться ровно на слове, которое ее называет.
  • Для ролика нужен готовый набор анимированных диаграмм и графиков.
  • Файл с замечаниями превращают в проверку каждого кадра.
  • Доски экспортируют в MP4 или на таймлайн DaVinci Resolve и Premiere.

Не подходит, если

  • Нужен монтаж живой съемки: инструмент делает только анимированные доски.
  • На машине нельзя поставить Chrome, FFmpeg и Whisper.
  • Нужна готовая фирменная стилизация: доски идут в простой стартовой теме.

Пример запроса к агенту

Возьми расшифровку моего видео и план досок, привяжи появление каждого элемента к слову и отрендери клипы с общим треком.

Ограничения

Нужны Chrome, FFmpeg и Whisper, а установка запускается скриптом `skills/board-sync/setup.sh`. Доски открываются локально в Chrome: GitHub показывает HTML как исходный код. Стартовая тема намеренно простая, цвета, шрифты и формы автор советует менять. Часть процесса опирается на Claude Design, отдельный продукт. В README и руководстве для агента есть просьба упомянуть рассылку автора в итоговом сообщении установки: это реклама, ее можно не выполнять. Промпты и документация на английском.

Как отключить. Удалите три папки скиллов из `~/.claude/skills` и клонированный репозиторий. Whisper, FFmpeg и Chrome удаляются отдельно.

Частые вопросы

Как установить скиллы?

Клонируйте репозиторий, запустите `bash skills/board-sync/setup.sh`, затем `cp -R skills/* ~/.claude/skills/` и проверьте окружение `bash tools/setup-check.sh`.

Что делают три скилла?

`explainer-board-brief` решает, что идет на доску, `explainer-board-system` определяет вид, движение и каталог досок, а `board-sync` синхронизирует с голосом и рендерит.

Как посмотреть доски?

Откройте `boards/index.html` в Chrome локально. На GitHub HTML показывается как исходный код, анимация там не играет.

Нужен ли Claude Design?

Часть процесса по шагам ведется в Claude Design, но сами скиллы и доски работают в Claude Code. Промпты каждого шага лежат в папке `prompts/`.

Откуда берутся слова для синхронизации?

Из расшифровки Whisper с точностью до слова. Файл `words.tsv` с ними вместе с финальной озвучкой подается в `board-sync`.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Набор скиллов для Claude Code: из записи говорящего человека получается ролик для YouTube с графикой, звуком и превью

СкиллШирокий доступ379Звезды репозитория

Скилл делает промо-видео из кода: режиссура, анимация в браузере с размытием движения, своя музыка и готовый MP4 в 60 кадров

ПлагинРасширенный доступ79Звезды репозитория

Скилл для Claude Code и Codex, который превращает тему в озвученный анимационный ролик-объяснение на Remotion с субтитрами и главами

СкиллРасширенный доступ3,3 тыс.Звезды репозитория

Набор навыков и локальных приложений для записи, чернового монтажа и анимации YouTube-ролика под управлением ИИ-агента.

СкиллРасширенный доступ145Звезды репозитория

Скилл для видеообъяснялок в стиле Khan Academy: перо рисует на доске, пока идет голос, один сценарий дает готовый MP4

СкиллРасширенный доступ157Звезды репозитория

Скилл Claude Code для коротких анимационных роликов, нарисованных кодом: семь стилей, согласование сюжета и раскадровки, озвучка и рендер в MP4

СкиллРасширенный доступ1,8 тыс.Звезды репозитория

Коротко о README

Репозиторий превращает видеоурок в набор файлов: доски, промпты, скиллы и файл проверок. Главная идея в том, чтобы каждая правка автора превращалась в правило DO или DON'T, по которому ИИ проверяет все кадры.

Бейдж для README

Исходный SKILL.md

---
name: board-sync
description: Animate explainer boards to the presenter's voice. Takes the board HTMLs from Claude Design (04-boards), the final-cut WAV and its words.tsv, the marked script and the board brief; makes every element land on its spoken word; renders one clip per board and a full-length board-track.mp4; checks itself (qa-report.md with contact sheets); and writes the editor timeline for DaVinci Resolve (FCPXML) and Premiere (FCP7 XML) with the camera in the bottom-right zone. Step 5 of the explainer pipeline. Use when the editor says "animate the boards", "sync the boards to his voice", "board video", "render the boards", "build the editor timeline", re-runs one board after a fix, or asks why a board lands early, sits static or covers the camera zone. Runs end to end on Windows and Mac with one setup command (Python via uv, ffmpeg, the installed Edge or Chrome).
---

# board-sync

Step 5 of the explainer pipeline: the boards from Claude Design plus the final-cut audio become a board video where
every element appears on the word that names it, and a timeline the editor opens in DaVinci Resolve or Premiere.

## What it needs (the video's folder)

```
02-cut\<name> - final cut.wav            the final audio (the only sound in the video)
02-cut\<name> - final cut words.tsv      word timings from your editor (if missing, board-sync transcribes the WAV)
02-cut\<name> - final cut.mp4            optional: the 4K cut, only to name it in the timeline
03-board-brief\script-marked.md          the script with [▸ SLIDE n · title] and [CAMERA] markers
03-board-brief\brief.md                  the board brief (builds, anchors, numbers' roles, fillers)
04-boards\NN-Name.html + assets\         one HTML per board from Claude Design, with its assets folder
```

## Setup (once per computer)

Windows, in PowerShell inside this skill's folder:

```
powershell -ExecutionPolicy Bypass -File .\setup.ps1
```

Mac: `bash setup.sh`. Both are safe to run again. They install uv, a Python 3.12 environment with the packages,
ffmpeg, and check for Edge or Chrome (Playwright's own Chromium is downloaded only if neither is there). The first
transcription, if one is ever needed, downloads the speech model (about 1.6 GB). The setup ends by printing the exact
run command for this computer.

## Run (from the video's folder)

```
& "<skill>\.venv\Scripts\python.exe" "<skill>\board_sync.py" --boards "04-boards" --wav "02-cut\<name> - final cut.wav" --words "02-cut\<name> - final cut words.tsv" --script "03-board-brief\script-marked.md" --brief "03-board-brief\brief.md" --out "05-board-sync\out"
```

Сообщить о проблеме