Motionboard — скилл

Скилл дает агенту 38 рецептов кадров из рекламных роликов, пересобранных кодом, и склеивает из них ролик о продукте.

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

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

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

  • Агент запускает рендер HyperFrames и ffmpeg на вашей машине и пишет файлы проекта.
Все причины и проверки

krisyangdev/motionboard

Установка

Работает в

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

npx skillfoxx add skills/motionboard

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

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

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

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

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

  • Агент запускает рендер HyperFrames и ffmpeg на вашей машине и пишет файлы проекта.

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

Что делает

Motionboard разобрал реальные ролики о запуске продуктов на 38 кадров. Каждый кадр воссоздан кодом как фильм около десяти секунд на HyperFrames (HTML и GSAP, отрисованные в видео), а сайт показывает оригинал рядом с воссозданием. Скилл передает агенту все 38 рецептов. Агент может собрать один кадр или спланировать и построить ролик целиком. Он читает ваш продукт, составляет раскадровку из четырех-шести кадров со ссылками на превью, ждет согласия, собирает каждый кадр и склеивает их в один MP4. Рецепт также можно перенести временной шкалой GSAP в сайт как анимацию главного экрана. Кадры разбиты по группам: открытие, показ интерфейса и другие.

Для кого. Основателям и дизайнерам продуктов, которым нужен ролик о запуске или анимация главного экрана без видеомонтажа.

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

  • Агент строит ролик о запуске продукта из четырех-шести кадров по согласованной раскадровке.
  • Для перехода от логотипа к приложению берут рецепт совмещающей склейки.
  • Рецепт Tilted UI with Depth of Field переносят на лендинг как анимацию главного экрана.
  • Каждый готовый кадр сверяют с превью рецепта.

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

  • Нужен ролик с живыми людьми и съемкой, а не анимация интерфейса.
  • Нет возможности поставить Node, HyperFrames и ffmpeg.
  • Нужен редактор с ручной монтажной шкалой.

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

Сделай через Motionboard ролик о запуске моего продукта: предложи раскадровку из пяти кадров и дождись моего согласия.

Ограничения

Нужны Node версии 22 или новее, HyperFrames (`npx hyperframes`) и ffmpeg. Рецепты воссоздают стиль известных роликов, поэтому подставляйте в них свой бренд и интерфейс и не берите чужую фирменную графику. Итоговый ролик собирается рендером, который занимает время и ресурсы машины. Приемы описаны для 38 рецептов, нестандартные кадры придется придумывать самим. Агенту нужен доступ к терминалу для запуска `npx hyperframes` и рендера, а время сборки растет с числом кадров, так что для первой пробы возьмите один рецепт.

Как отключить. Удалите скилл командой вашего менеджера скиллов, плагин через команду удаления плагинов Claude Code и ссылки `~/.claude/skills/motionboard` и `~/.codex/skills/motionboard`.

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

Как поставить Motionboard?

Выполните `npx skills add krisyangdev/motionboard`. Для Claude Code есть вариант `/plugin marketplace add krisyangdev/motionboard` и `/plugin install motionboard@motionboard`.

Что нужно установить для рендера?

Node версии 22 или новее, HyperFrames через `npx hyperframes` и ffmpeg.

Как работает сборка ролика?

Агент читает продукт, составляет раскадровку из четырех-шести кадров со ссылками на превью, ждет вашего согласия, строит кадры и склеивает их в MP4.

Можно ли сделать один кадр?

Да, например командой на естественном языке «Use the match-cut recipe to go from my logo to the app».

Как поставить без менеджера скиллов?

Склонируйте репозиторий в `~/motionboard` и свяжите `skills/motionboard` с `~/.claude/skills/motionboard` и `~/.codex/skills/motionboard` символьными ссылками.

Обсуждение

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

Скиллы

Скилл для промо-роликов и кинетической типографики: идея и раскадровка до сборки, рендер в MP4 через Chrome и ffmpeg, проверка шестью гейтами

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

Скилл ведет агента по десяти этапам от боли клиентов до рендера, чтобы промо-ролик продукта выглядел срежиссированным.

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

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

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

Скилл превращает статью, README или сайт в вертикальный промо-ролик на HyperFrames: сначала бриф и согласование, потом ресурсы, сборка и проверка

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

Скилл для Claude Code делает на Remotion ролик о вашем продукте из его компонентов, токенов дизайна и логотипа, с музыкой в такт

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

Скилл ведет агента через семь этапов для ролика на 15–90 секунд: скрипт проверяет каждый этап, следующий ждет

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

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
Motionboard (эта карточка)нет64
Guizang Product Video Skillнет937рекламные ролики об обновлениях ПО кодом со своими компонентами продукта; Motionboard дает библиотеку из 38 рецептов кадров
Motion Video Skillнет141видео с синхронизацией по ударам, озвучкой и субтитрами; Motionboard строит ролики по рецептам известных кадров

Коротко о README

README перечисляет 38 рецептов по группам, способы установки и три примера запросов. Рецепты также показаны на сайте рядом с оригиналами.

Бейдж для README

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