procedural-film — скилл

Превращает тему в короткий вертикальный фильм или игру: каждый пиксель рисуется на canvas, звук синтезируется в браузере.

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

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

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

  • Агент ставит npm-пакеты, запускает ffmpeg и Chromium и пишет файлы проекта.
  • Выкладка игры идет в ваш аккаунт Vercel: проверьте команды перед запуском.
  • Параллельные субагенты быстро расходуют лимит подписки.
Все причины и проверки

kuhnhomeuk-cell/procedural-film

Установка

Работает в

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

npx skillfoxx add skills/procedural-film

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

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

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

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

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

  • Агент ставит npm-пакеты, запускает ffmpeg и Chromium и пишет файлы проекта.
  • Выкладка игры идет в ваш аккаунт Vercel: проверьте команды перед запуском.
  • Параллельные субагенты быстро расходуют лимит подписки.

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

Что делает

Скилл `procedural-film` делает по теме короткое видео или небольшую игру без единого медиафайла. Кадры рисуются на JavaScript и canvas, звук собирается через Web Audio. Есть три режима: рисованные и фото-дудл вертикальные ролики, ретро-фильмы в пиксельной графике на 60 кадрах в секунду и платформер в духе NES. На выходе один самодостаточный HTML-плеер и MP4. Платформер стартует с заготовки ROBOT RUN и выкладывается в ваш аккаунт Vercel. Для работы агент запускает параллельных субагентов: по одному на кадр, затем волны критиков проверяют каждую сцену. В репозитории лежит эталонный фильм о жизни бабочки-монарха: 17 кадров, 32 секунды, 1080x1920.

Для кого. Авторам коротких роликов и инди-разработчикам, которым нужна анимация или мини-игра, собранная кодом, без стоков и генераторов видео.

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

  • Ролик о цикле жизни растения или животного нужен в вертикальном формате для соцсетей.
  • Хочется ретро-фильм в пикселях с чип-музыкой и без внешних ассетов.
  • Мини-игра в стиле NES должна уйти на Vercel одной командой агента.
  • Заказчику нужен один HTML-файл, который открывается без интернета и без медиафайлов.
  • Команда проверяет, насколько агент справляется с длинным многошаговым конвейером.

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

  • Нужны фотореалистичные кадры или видео с живыми людьми.
  • Лимит подписки мал: фильм расходует значительную часть тарифа.
  • На машине нет Node.js 20, ffmpeg или Chromium для Playwright.

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

Сделай процедурный фильм о жизни медоносной пчелы: вертикальный формат, около 30 секунд, один HTML-плеер и MP4.

Ограничения

Нужны Node.js 20 и новее, ffmpeg в `PATH` и Chromium для Playwright; Vercel CLI требуется только для выкладки игры. Агент должен уметь запускать скиллы и параллельных субагентов, например Claude Code. Прогон долгий: на каждый кадр уходит субагент, пишущий сцену на тысячу с лишним строк, затем идут волны критиков, поэтому расход тарифа большой. Стиль подражает фильму Кевина Нго, а Claude Quest в примерах не связан с Anthropic.

Как отключить. Удалите ссылку `~/.claude/skills/procedural-film` и локальный клон репозитория. Готовые фильмы и игры лежат в ваших папках, а выложенные на Vercel проекты удаляют в панели Vercel.

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

Нужны ли картинки и аудиофайлы?

Нет. Графика рисуется кодом на canvas, звук синтезируется в Web Audio, поэтому проект идет без медиаресурсов.

Что получится на выходе?

Один HTML-плеер, который открывается в браузере, и MP4-выгрузки. Для игры дополнительно выкладка на Vercel.

Как проверить установку?

Соберите пример: `npm install --prefix examples/butterfly-life/tools`, затем `node examples/butterfly-life/tools/check.cjs`. Успех дает код выхода 0.

Сколько это стоит по лимитам?

Много. README прямо предупреждает, что один фильм съедает заметную долю тарифа из-за субагентов на каждый кадр и волн проверок.

Чем отличаются режимы?

Рисованный режим дает вертикальные ролики 1080x1920 на 24 кадрах. Ретро-режим работает на 60 кадрах в пиксельной графике. Игровой стартует с заготовки ROBOT RUN.

Обсуждение

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

Скиллы

Скилл и CLI, с которыми Claude Code или Codex делает видео как веб-страницы, а редактор Studio позволяет править результат

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

Скилл-цикл: агент генерирует эталонный скриншот, строит под него сцену и через субагента-критика доводит результат до совпадения

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

Два скилла Claude Code для видео целиком из кода: рисованная акварельная анимация и кинетическая типографика

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

Скилл для Claude Code: снимает продукт в браузере, собирает ролик с главами и титрами и мастерит MP4 локально

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

Скилл заставляет агента снять короткий фильм о продукте: идея, монтаж, звук и рендер на Remotion или HyperFrames

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

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

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

Коротко о README

README перечисляет состав репозитория, три примера на одном движке (включая игру Claude Quest), требования, установку ссылкой и три команды пересборки эталонного фильма.

Бейдж для README

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

Foxx AIprocedural-film
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.