cth9191/animate

Что это?

Ключевые возможности

• 01Семь встроенных стилей рисования и возможность подобрать пользовательский стиль по референсам.
• 02Детерминированный покадровый рендеринг в MP4 с помощью headless Chromium и ffmpeg.
• 03Монтажные склейки в такт музыке, если добавить собственный трек.
• 04Опциональная озвучка с проверкой таймингов слов с помощью faster-whisper.
• 05Захват реальных скриншотов продукта по URL и их анимация в выбранном стиле.
• 06Экспорт одного ролика в вертикальном, квадратном форматах, 4:5 и широкоформатном формате.

Сценарии использования

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

Быстрый старт

1. 1

   Установите Playwright и Chromium

   npm i -g playwright && npx playwright install chromium
2. 2

   Добавьте маркетплейс плагинов в Claude Code

   /plugin marketplace add cth9191/animate
3. 3

   Установите плагин animate в Claude Code

   /plugin install animate@animate
4. 4

   Попросите Claude Code создать анимацию

   /animate a 45-second history of the bicycle, cut paper

Что важно знать

• !Требуются Claude Code, Node 18 или новее, Playwright с Chromium и ffmpeg, доступный через PATH.
• !Для озвучки нужен Python с faster-whisper; коннектор ElevenLabs для голоса необязателен.
• !Стиль моушн-дизайна на WebGL указан как готовящийся к выходу и пока недоступен.

Темы

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

Что такое animate?

Скилл для Claude Code, который превращает промпт в короткую процедурную анимацию на canvas и рендерит её в MP4 с помощью headless-браузера и ffmpeg. Animate — это скилл для Claude Code, который помогает создавать короткие объясняющие видео, исторические ролики и небольшие истории целиком в коде. Каждый ролик — это автономная HTML-страница с canvas, который рисуется и озвучивается процедурно. Благодаря этому кадры детерминированы, а видео можно рендерить в MP4 с помощью Playwright и ffmpeg.

animate можно использовать бесплатно? Какая у него лицензия?

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

animate всё ещё поддерживается?

Активно поддерживается. Последний коммит в animate — 5 окт. 2026 г..

Для чего можно использовать animate?

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

Как установить animate?

Установите Playwright и Chromium: npm i -g playwright && npx playwright install chromium Добавьте маркетплейс плагинов в Claude Code: /plugin marketplace add cth9191/animate Установите плагин animate в Claude Code: /plugin install animate@animate Попросите Claude Code создать анимацию: /animate a 45-second history of the bicycle, cut paper

Где скачать animate?

Исходный код и инструкции по установке — на GitHub: https://github.com/cth9191/animate