YouTube AI Motion Graphics — скилл
Три скилла Claude и 74 HTML-доски для анимированных объяснений: синхронизация с голосом через Whisper и покадровый экспорт в MP4.
- 199 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Установочный скрипт ставит зависимости, а скилл запускает Whisper, Chrome и FFmpeg и пишет видеофайлы на вашу машину.
Установка
- Работает в
В терминале, через 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 с графикой, звуком и превью
Скилл делает промо-видео из кода: режиссура, анимация в браузере с размытием движения, своя музыка и готовый MP4 в 60 кадров
Скилл для Claude Code и Codex, который превращает тему в озвученный анимационный ролик-объяснение на Remotion с субтитрами и главами
Набор навыков и локальных приложений для записи, чернового монтажа и анимации YouTube-ролика под управлением ИИ-агента.
Скилл для видеообъяснялок в стиле Khan Academy: перо рисует на доске, пока идет голос, один сценарий дает готовый MP4
Скилл Claude Code для коротких анимационных роликов, нарисованных кодом: семь стилей, согласование сюжета и раскадровки, озвучка и рендер в MP4
Коротко о 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" ```