hand-drawn-canvas-animation
Рисованное кино без видеомодели: код оживляет кадры, как рука с тушью
Procedural Film — это скилл для агента, который превращает заданную тему в короткий фильм или небольшую игру. Он рассчитан на агентов вроде Claude Code, которые умеют запускать скиллы и распараллеливать субагентов. Код доступен бесплатно на условиях лицензии MIT.
Чтобы получить фильм, агенту задают тему процедурного фильма, а полный пайплайн описан в skills/procedural-film/SKILL.md. В skills/procedural-film/ находятся пайплайн SKILL.md, движок и инструменты foundation/, копируемые в каждый новый фильм, пиксельный движок и звуковой чип retro/, стартер ROBOT RUN в game/, четыре планировочных документа в templates/, а также индекс типов шотов, гайды по сценам и музыке и кадры примера как визуальная цель в reference/. Для сборки и воспроизведения используются Node.js, ffmpeg, Chromium через Playwright и Web Audio с canvas на чистом JavaScript. Игра деплоится в собственный аккаунт Vercel пользователя через Vercel CLI.
Требуются Node.js 20 или новее, ffmpeg в PATH и Chromium для Playwright, устанавливаемый командой npx --prefix examples/butterfly-life/tools playwright install chromium после npm install. Создание фильма занимает долгий прогон: один агент на шот пишет файл сцены объёмом более 1000 строк, затем волны критиков проверяют каждый шот, поэтому фильм расходует большую долю плана использования. При запросе ретро-фильма или игры скилл стартует от собственного retro-движка и стартера ROBOT RUN, а не от папок примеров Claude Quest. examples/butterfly-life содержит результат работы скилла для эталона: планировочные документы, исходники, инструменты, HTML-плеер и телефонный MP4. Для пересборки эталонного фильма check.cjs выполняет gate из шести проверок, render.cjs записывает MP4, а build.cjs пересобирает HTML-плеер.
Рисованное кино без видеомодели: код оживляет кадры, как рука с тушью
Видео на языке кода: как ИИ-агенты собирают анимацию по вашей команде