Multiplane — скилл

Multiplane рендерит видео из обычных HTML-страниц в безголовом Chromium и проверяет, что кадр зависит только от времени.

  • 168 ★ репозитория
  • Последний коммит
  • Apache-2.0
Скилл

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

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

  • Страницы выполняют JavaScript в безголовом Chromium, поэтому рендерить стоит только свои сцены.
  • Установка скачивает Chromium и пишет скилл в каталоги агентов.
Все причины и проверки

lbeilc/multiplane

Установка

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

npx skillfoxx add skills/multiplane

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

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

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

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

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

  • Страницы выполняют JavaScript в безголовом Chromium, поэтому рендерить стоит только свои сцены.
  • Установка скачивает Chromium и пишет скилл в каталоги агентов.

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

Что делает

Multiplane, локальный рендерер видео для агентов, строит ролик из веб-страницы: страница реализует `render(t)`, а Chromium снимает кадры. Затем идут суперсэмплинг, motion blur, пленочное зерно и сборка в FFmpeg. Команда `lint` за секунду находит в странице то, что ломает детерминизм: системное время, случайные числа, CSS-анимации, сетевые ресурсы. Команда `verify` рендерит одни и те же кадры в разном порядке, после перезагрузки страницы, в одном и в нескольких процессах и сравнивает их по пикселям. Есть `stills` для статичных PNG, декларируемые жесткие склейки `cuts`, на которых размытие не перетекает, и необязательный трехмерный слой с накопленной глубиной резкости. Все команды понимают `--json`.

Для кого. Разработчикам и монтажерам, которые поручают агенту делать видео и хотят повторяемый результат из HTML, CSS и JavaScript.

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

  • Агент собирает анимированный ролик из веб-страницы без отдельного видеофреймворка.
  • Нужна уверенность, что повторный рендер даст те же пиксели.
  • Для обложки или постера требуется статичный кадр с размытием и глубиной резкости.
  • Командам CI удобно разбирать вывод `--json` с кодами ошибок.

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

  • Нужен монтаж готовых видеофайлов, а не генерация кадров из кода.
  • В ролике важны сетевые шрифты и ресурсы: проверка их отклонит.
  • Нельзя поставить Node.js 24 и FFmpeg с libx264.

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

Собери 5-секундный ролик 1920x1080 из HTML-страницы с движущимся блоком, проверь через `lint` и `verify` и выведи кадр на 2-й секунде.

Ограничения

Нужны Node.js 24 или новее, Chromium для Playwright и FFmpeg с libx264: Multiplane не поставляет FFmpeg, лицензия зависит от выбранной сборки. До версии 1.0 интерфейс может меняться. В Linux Chromium требует системных библиотек, `doctor` подскажет, чего не хватает. Рендер кадров на CPU занимает много времени, аппаратный кодек доступен только для NVIDIA через `--encoder nvenc-h264`. Для обновления стоит следить за релизами: версия 0.3 пока нестабильна, а проверка `verify` гарантирует совпадение пикселей только в той же среде.

Как отключить. Удалите папку скилла `~/.claude/skills/multiplane` или `~/.agents/skills/multiplane` и пакет `multiplane`. Установленные Chromium и FFmpeg останутся, их удаляют отдельно.

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

Что такое «кадр» в Multiplane?

Вывод функции `render(t)` на странице. Результат зависит только от времени `t`, поэтому один вход в одной среде дает одинаковые пиксели.

Куда ставится скилл?

Команда `npx multiplane skill install --host all` кладет скилл в `~/.claude/skills/multiplane` для Claude Code и в `~/.agents/skills/multiplane` для Codex. После этого нужна новая сессия агента.

Что делает проверка `lint`?

Она работает без браузера и находит запрещенные приемы: время стены, случайные числа без фиксированного зерна, CSS-анимации и сетевые ресурсы. Ошибка указывает файл, строку и столбец.

Можно ли получить только картинку?

Да. Команда `stills` выводит PNG для заданных моментов с тем же суперсэмплингом, размытием и глубиной резкости, что и видео.

Нужен ли FFmpeg отдельно?

Да, с поддержкой libx264. Путь задают флагом `--ffmpeg`, переменной `MULTIPLANE_FFMPEG`, настройкой `config set ffmpeg` или через `PATH`.

Обсуждение

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

Скиллы

Набор скиллов учит агента писать видео на TypeScript и рендерить его на GPU без браузера: композитинг, моушн-графика, 3D.

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

CLI для программного создания видео из HTML: агент собирает кадры по шаблонам и рендерит готовый MP4 на вашем компьютере

CLIРасширенный доступ4,8 тыс.Звезды репозитория
Выбор редакции

Скиллы и CLI от HeyGen: агент пишет HTML-композиции и рендерит из них MP4-ролики, субтитры, моушн-графику и слайды

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

Скилл превращает HTML и Canvas-анимацию в MP4, GIF или прозрачный слой: кадры снимает браузер, видео собирает ffmpeg.

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

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

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

Видеодвижок для агентов на Rust: код на TypeScript в стиле Remotion или HTML-страница превращается в MP4 на GPU, без браузера.

CLIРасширенный доступ513Звезды репозитория

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

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

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
Multiplane (эта карточка)нет168
HyperFramesнет83 283в HyperFrames видео описывается композициями; в Multiplane сцена — обычная страница с `render(t)` и проверкой `verify`
html-videoнет4 832собирает видео из HTML-страниц; Multiplane добавляет проверку детерминизма и размытие без перетекания через склейки
Скиллы Remotionнет6 903учит агента писать видео на React; в Multiplane нет фреймворка, только HTML и JavaScript

Коротко о README

Сцены описываются как HTML, CSS и JavaScript. Перед рендером проверяется детерминизм, а во время рендера применяются суперсэмплинг, motion blur по линейному свету и пленочное зерно.

Бейдж для README

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