Создавайте полноценные мультфильмы в Claude Code или Codex

На GitHub появился открытый навык hand-drawn-canvas-animation, который позволяет ИИ-агентам создавать короткие рисованные фильмы непосредственно на JavaScript и Canvas 2D. На выходе формируются HTML-проект и готовое видео в MP4, поэтому для такого сценария не требуются Blender, WebGL или отдельная модель генерации видео.

Как работает создание анимации

Навык рассчитан на использование в Claude Code или Codex и переносит значительную часть анимационной работы на ИИ-агента. Он самостоятельно проектирует ключевые позы, промежуточные кадры и тайминг, после чего собирает результат средствами JavaScript и Canvas 2D.

Такой подход позволяет создавать анимационные сцены как программный проект, который можно редактировать и развивать вместе с исходным кодом. Финальный результат при этом можно получить не только в виде веб-проекта, но и как MP4-видео.

Пять визуальных техник и дополнительные движки

В комплект входят пять визуальных стилей: тушь, карандаш, ризография, трафаретная печать и рисунки поверх фотографий. Это позволяет использовать один инструмент для разных вариантов стилизованной рисованной анимации.

Отдельные движки предназначены для более специфических задач. Среди них есть перенос реального движения в рисунок, песочная анимация и создание объёмных сцен из бумаги в стиле раскрывающихся книг.

Рендеринг и готовые примеры

Для рендера используются Chrome и ffmpeg. В репозитории уже размещены готовые примеры, которые показывают возможности навыка на практике. Среди них есть полноценный 60-секундный фильм со сменой нескольких визуальных техник и собственной музыкой.

Таким образом, hand-drawn-canvas-animation представляет собой готовый открытый набор инструментов для экспериментов с программно создаваемой 2D-анимацией через ИИ-агента. Практический интерес проекта заключается в возможности собрать мультфильм в привычном веб-стеке, используя JavaScript и Canvas 2D, а затем получить готовый видеоролик.