Claude научился создавать ролики с динамичным UI

Новая модель Claude продемонстрировала продвинутые навыки моушн-дизайна, научившись генерировать стильные ролики с динамичными интерфейсами. Искусственный интеллект способен самостоятельно собирать анимации, подбирать фоновый трек и монтировать финальное видео.

Для создания ролика используется один HTML-файл размером 1440x1440 пикселей, где все стили вычисляются на основе времени внутри функции seek(t). В процессе работы модель задействует numpy для анализа музыкального трека под бит-сетку, а рендеринг видеоряда выполняется через Playwright с последующей обработкой в ffmpeg для добавления эффекта размытия в движении при 60 кадрах в секунду.

Сценарий анимации построен на бесшовном превращении одной фигуры без склеек: элемент меняет форму, радиус и цвет, а содержимое переключается с легким размытием. Курсор управляет изменениями с помощью реальных кликов и перетаскиваний, а финальный кадр полностью совпадает с начальным для создания бесконечного цикла.

Подобный подход позволяет автоматизировать создание качественной демонстрации интерфейсов без использования шаблонных решений и лишних визуальных эффектов.