Multiplane — скилл
Multiplane рендерит видео из обычных HTML-страниц в безголовом Chromium и проверяет, что кадр зависит только от времени.
- 168 ★ репозитория
- Последний коммит
- Apache-2.0
Расширенный доступ
Почему такой уровень
- Страницы выполняют JavaScript в безголовом Chromium, поэтому рендерить стоит только свои сцены.
- Установка скачивает Chromium и пишет скилл в каталоги агентов.
Установка
- Работает в
В терминале, через 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.
CLI для программного создания видео из HTML: агент собирает кадры по шаблонам и рендерит готовый MP4 на вашем компьютере
Скиллы и CLI от HeyGen: агент пишет HTML-композиции и рендерит из них MP4-ролики, субтитры, моушн-графику и слайды
Скилл превращает HTML и Canvas-анимацию в MP4, GIF или прозрачный слой: кадры снимает браузер, видео собирает ffmpeg.
Скилл для промо-роликов и кинетической типографики: идея и раскадровка до сборки, рендер в MP4 через Chrome и ffmpeg, проверка шестью гейтами
Видеодвижок для агентов на Rust: код на TypeScript в стиле Remotion или HTML-страница превращается в MP4 на GPU, без браузера.
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| 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 по линейному свету и пленочное зерно.