Хотите превратить одну фразу в короткий анимированный ролик? Многие сразу начинают искать видеомодель. Но подход, который в сообществе называют «Claude Motion», работает иначе: Claude Opus 5.5 пишет код веб-страницы, браузер отрисовывает анимацию, а вы записываете происходящее на экране в видео.
Это не волшебство, которое гарантированно сработает за пару минут, но и программировать для этого не нужно. В статье мы будем пользоваться только графическим интерфейсом: веб-страницами и консолью. На каждом шаге сначала расскажем, что вы увидите, затем — куда нажать и что вставить, а в конце дадим критерий, по которому можно проверить результат.
Для начала определимся с ожиданиями:
- Цель: создать первый эффект, который автоматически воспроизводится в браузере, и записать его в видео.
- Сколько времени понадобится: примерно от получаса до часа при первом запуске. Больше всего времени уйдёт на получение ключа, подключение модели и первые правки.
- Что подготовить: компьютер с доступом в интернет, браузер, чат-клиент с полем для собственного ключа и ключ для вызова Opus 5.5. Модель Opus 5.5 уже доступна через APIYI apiyi.com под идентификатором claude-opus-5-5.
- Сложность: начальный уровень. Достаточно уметь копировать и вставлять текст, создавать файлы и менять их имена.
Главное: прочитав статью, вы сможете создать первый анимированный ролик по инструкции, поймёте, какие промпты можно использовать без изменений, и узнаете, где дальше работать с Opus 5.5.
Главное о Claude Motion
- Что это: «Claude Motion» — название, принятое в сообществе, а не отдельный видеопродукт, официально выпущенный Anthropic. Суть в том, что Opus 5.5 создаёт анимацию с помощью кода.
- Чем отличается от видеомоделей: он не генерирует пиксели изображения, поэтому менять текст и числа удобно. Но реалистичные лица и кадры, снятые на камеру, ему не по силам.
- В репозитории описаны всего три шага: скопировать промпт, отправить его Opus 5.5 и попросить создать HTML. Если нужно видео, страницу можно записать с экрана.
- Готовые примеры: в репозитории awesome-opus5-5-videos собрано 703 работы, примерно в 115 из них промпты на китайском языке.
- Первый вариант для пробы: шаблон Melvynx «15-секундное портфолио». Достаточно заменить текст в угловых скобках на адрес своего сайта или название продукта.
- Где попробовать: вызовите claude-opus-5-5 через APIYI — понадобится всего один API-ключ, оплата взимается за токены.
Факты в этой статье взяты только из трёх источников: оригинала репозитория (README и data/videos.json; данные актуальны на 2026-10-20 и не проверялись нами на практике), чисел, видимых на скриншотах, и цен, указанных в документации APIYI. Цифры, которых нет ни в одном из этих источников, мы не приводим.
Что такое Claude Motion: Opus 5.5 пишет код, а браузер рисует анимацию
«Claude Motion» — разговорное название, которым в сообществе обозначают анимацию, созданную с помощью кода на HTML, Canvas, SVG, Three.js и других технологиях. Затем её записывают как видео. В README репозитория с такими работами сказано прямо: «Каждое видео здесь создано по запросу написать анимацию в виде кода с помощью Claude Opus 5.5 (HTML, Canvas, SVG, Three.js и других технологий)».
Поэтому Claude Motion — не то же самое, что видеомодели вроде Sora, Veo и Seedance. Видеомодель напрямую генерирует пиксели изображения, а Claude Motion создаёт «движущуюся веб-страницу». Каждый текст и каждое число на экране прописаны в коде: достаточно попросить модель изменить нужный фрагмент.
| Параметр | Claude Motion (кодовая анимация) | Видеомодели (например, Sora, Veo, Seedance) |
|---|---|---|
| Как создаётся изображение | Opus 5.5 пишет код, браузер отрисовывает его в реальном времени | Модель напрямую генерирует пиксели изображения |
| Для чего подходит | Текст, диаграммы, графика, презентации продуктов, обучающие ролики | Реалистичные люди, съёмочная картинка, кинематографичные сцены |
| Как изменить одно слово | Попросить изменить конкретную строку кода, не затрагивая остальное | Часто приходится генерировать заново, при этом меняется и изображение |
| Что получается на выходе | HTML-файл; видео появится после записи экрана | Видеофайл |
| Какая модель нужна | Большая языковая модель, умеющая писать код, например claude-opus-5-5 | Специализированная модель для генерации видео |
| Что не получится сделать | Реалистичные лица, уличные сцены, снятые на камеру, кинематографичные кадры | Точный текст и диаграммы, которые нужно многократно править |
Когда выбирать Claude Motion, а когда — видеомодель
Сначала определитесь, какой видеоряд вам нужен. Если нужны реальные люди в кадре, съёмка на улице или кинематографичные планы, Claude Motion с этим не справится — лучше взять специализированную модель для генерации видео. А если нужно просто заменить фразу или цифру в кадре, сделать презентацию продукта или понятно объяснить какую-нибудь тему — используйте Claude Motion.
Для этой задачи нужна модель, умеющая писать код, например Opus 5.5, а не отдельная видеомодель. На APIYI (apiyi.com) уже можно напрямую вызывать claude-opus-5-5. Для подключения хватит одного API-ключа, оплата зависит от фактического расхода токенов.
Сколько готовых промптов есть в репозитории Claude Motion
По состоянию на 2026-10-20 в data/videos.json собрано 703 работы: 369 анимаций (motion), 116 объясняющих роликов (explainer), 117 работ в 3D и 101 интерактивная работа (interactive). В README указано, что 2026-10-12 добавили ещё одну подборку — в основном объясняющие ролики и 3D. Для 418 работ есть версии, пересозданные в Skillry, с которыми можно свериться; 207 промптов помечены как неполные — перед использованием внимательно прочитайте примечания в файле.
Среди технических тегов чаще всего встречаются Canvas — 267 раз, SVG — 183, Three.js — 131, shader — 92, GSAP — 86, CSS — 57 и audio — 39. Это только подсчёт тегов: он показывает, какие инструменты модель использует чаще, но не означает, что вам обязательно нужно их знать. В репозитории около 115 промптов на китайском языке, так что писать промпты по-китайски вполне можно. Все видео и промпты принадлежат их авторам.
Перед началом: проверьте 6 параметров Opus 5.5 в консоли APIYI
В этом разделе нужно сделать только одно: получить ключ для вызова Opus 5.5 и убедиться, что несколько важных параметров указаны правильно. Устанавливать какое-либо ПО не понадобится.
- Что вы увидите: после регистрации аккаунта APIYI на apiyi.com откройте консоль по адресу api.apiyi.com. Это веб-интерфейс: здесь можно создать токен и посмотреть журнал вызовов.
- Что нажать: найдите раздел создания токена и создайте новый. В качестве группы выберите одну из указанных в документации:
default,svipилиClaudeCode. Скопируйте ключ целиком и пока сохраните его в блокноте. - Как проверить: новый токен отображается в списке, а в блокноте сохранена полная строка ключа.
| Что проверить | Что должно быть | Зачем проверять |
|---|---|---|
| Токен | В списке есть новый токен, полный ключ можно скопировать | Он понадобится для настройки чат-клиента |
| Группа | Одна из трёх: default, svip, ClaudeCode |
Согласно документации, эти группы поддерживают Opus 5.5 |
| ID модели | claude-opus-5-5 (также есть claude-opus-5-5-thinking) |
Если ошибиться хотя бы в одном символе, вызвать модель не получится |
| Тип интерфейса | Доступны два варианта: совместимый с OpenAI и нативный Anthropic | Выберите тот, который поддерживает ваш клиент |
| Цена | За 1 млн токенов: 4 доллара за ввод, 20 долларов за вывод, 0,20 доллара за чтение из кэша | В документации указано, что цена совпадает с ценой у провайдера |
| Журнал использования | После вызова можно увидеть его стоимость | Фактическую стоимость отдельного вызова смотрите в журнале, а не рассчитывайте приблизительно |
Цены взяты из обновления на сайте документации APIYI apiyi.com от 2026-09-23. Заголовок страницы — Claude Opus 5.5 Is Live, Priced Below Opus 5. Anthropic выпустила модель 22 сентября 2026 года, а обновление опубликовано 23 сентября в 13:27 (UTC+8). В той же документации указана цена Opus 5: 5 долларов за ввод, 25 долларов за вывод и 0,5 доллара за чтение из кэша. Значит, Opus 5.5 дешевле. Фактическую стоимость вызова можно проверить в журнале консоли после его выполнения.
Создаём первую анимацию Claude Motion с Opus 5.5: 5 шагов
Шаг 1. Подключите Opus 5.5 в окне чата
- Что вы увидите: в настройках большинства чат-клиентов с поддержкой пользовательских ключей есть три поля: «API-ключ», «Адрес API» и «Модель».
- Что нажать / ввести: вставьте скопированный ключ. Адрес укажите из документации APIYI для нужного типа интерфейса. В поле модели введите
claude-opus-5-5. Если в клиенте есть переключатель «Отключить режим рассуждений», не включайте его. - Как проверить: отправьте «Привет» и убедитесь, что получили обычный ответ. Затем вернитесь в консоль и проверьте, что в журнале появилась запись о вызове
claude-opus-5-5.
Шаг 2. Вставьте первый промпт для Claude Motion
- Что вы увидите: пустое окно чата.
- Что вставить: сначала вставьте исходную формулировку melvynx. Замените текст в угловых скобках на адрес своего сайта или название продукта:
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are for
В конце того же сообщения добавьте фразу ниже. Если модель не сможет открыть ваш сайт, допишите ещё два-три предложения о продукте:
Пожалуйста, подготовь полный HTML-файл, помести весь код в один файл, чтобы он автоматически запускался в браузере. Соотношение сторон — 16:9. Объяснения не нужны.
- Как проверить: основная часть ответа — большой фрагмент кода, обычно начинающийся с
<!DOCTYPE html>и заканчивающийся на</html>. Разбираться в коде не нужно.
Шаг 3. Сохраните код как веб-страницу и откройте её в браузере
- Что вы увидите: в правом верхнем углу блока с кодом обычно есть кнопка «Копировать».
- Что нажать: нажмите «Копировать», создайте текстовый файл, вставьте в него код и сохраните как
motion.html. В Windows при сохранении выберите тип «Все файлы», иначе файл может получить имяmotion.html.txt. На Mac при работе в приложении «Текстовый редактор» сначала выберите в меню «Формат» пункт «Преобразовать в обычный текст». После сохранения дважды щёлкните по файлу — он откроется в браузере. - Как проверить: в браузере должна воспроизводиться анимация, а не отображаться страница с текстом кода.
Шаг 4. Посмотрите результат и измените что-то одно
- Что вы увидите: первая версия обычно воспроизводится без проблем, но цвета могут быть обычными, темп — слишком ровным, а часть текста может выходить за границы кадра.
- Что вставить: за раз просите об одном изменении. Например:
Замени заголовок, который появляется на 3-й секунде, на «…». Остальное оставь без изменений и выведи полный HTML-файл заново.
- Как проверить: замените исходный файл новым кодом и обновите страницу в браузере. Измениться должна только запрошенная часть.
Шаг 5. Запишите анимацию в видео
- Что вы увидите: в браузере воспроизводится ваша анимация.
- Что нажать: сначала нажмите F11, чтобы включить полноэкранный режим. На Mac используйте Ctrl+Cmd+F. В Windows нажмите Win+G, чтобы открыть встроенный инструмент записи, а на Mac — Shift+Cmd+5. Сначала начните запись, затем обновите страницу, чтобы анимация запустилась с начала.
- Как проверить: видео должно полностью воспроизводиться от начала до конца, а его длительность — быть близкой к заданным 15 секундам.
Как понять, что шаг выполнен, и решить 4 частые проблемы
| Шаг | Как понять, что всё получилось | Что может пойти не так | Что делать |
|---|---|---|---|
| Шаг 1. Подключить Opus 5.5 | Вы получили ответ, а в журнале есть запись о вызове claude-opus-5-5 |
Модель возвращает ошибку 400 | Не отключайте режим рассуждений (thinking) и не устанавливайте для вызова инструментов режим «обязательно». Оба параметра приводят к ошибке 400 при работе с Opus 5.5. |
| Шаг 2. Вставить промпт | Основная часть ответа — полный HTML-код | Вместо видео модель выдала длинное объяснение | Добавьте фразу «Выведи только полный HTML-файл, без объяснений» и отправьте запрос ещё раз. |
| Шаг 3. Сохранить веб-страницу | В браузере воспроизводится анимация | После открытия страница пустая | Убедитесь, что расширение файла — .html и что в конце кода есть </html>. Если код оборвался, попросите модель «продолжить и дописать до конца». Если использованы внешние библиотеки, откройте файл при подключении к интернету. |
| Шаг 4. Изменить только один элемент | Изменилось только то, что вы просили | Текст выходит за границы кадра | Попросите: «Оставь безопасные отступы вокруг всего текста, зафиксируй соотношение сторон 16:9 и масштабируй изображение пропорционально размеру окна». |
| Шаг 5. Записать видео | Видео воспроизводится от начала до конца | Запись начинается, когда анимация уже идёт | Сначала начните запись, затем обновите страницу. |
🚀 Совет для быстрого старта: для первой пробы запросите на APIYI apiyi.com тестовый лимит для
claude-opus-5-5. Подробности — в разделе «Дополнительные материалы» в конце статьи. После первого запуска проверьте в журнале консоли, сколько он стоил, и уже потом решайте, как пользоваться моделью дальше.
Дополнительно: если вы уже пользуетесь Claude Code
Этот раздел можно пропустить — выполнить все шаги статьи получится и без него. Но если вы уже работаете с Claude Code, он может напрямую создать HTML-файл на вашем компьютере. Тогда не придётся копировать код вручную и менять расширение файла.
Согласно документации APIYI, ключ нужно указать в переменной ANTHROPIC_AUTH_TOKEN. В качестве адреса используйте домен из консоли, добавив в начало https://. Не добавляйте в конец /v1. Выберите модель claude-opus-5-5. Учтите также, что значение effort по умолчанию для Opus 5.5 изменилось с high на medium. При создании анимации и написании кода такого рода лучше задать его явно. Если вы одновременно используете несколько агентов, загляните в дополнительный материал о magpie: там рассказывается, как дать всем агентам одну общую ключ-карту.
4 примера Claude Motion: адаптируйте промпты для Opus 5.5
Все 4 промпта взяты из исходного репозитория, а примеры — это кадры из коротких роликов, размещённых авторами списка. Во всех случаях используется одна и та же модель claude-opus-5-5. В APIYI apiyi.com можно попробовать каждый пример с одним API-ключом — переключать модель для разных стилей не нужно.
| Автор | Категория в репозитории | Технологии | Для чего подойдёт | Как адаптировать |
|---|---|---|---|---|
| melvynx | motion | Canvas / SVG / GSAP | Портфолио на 15 секунд | Замените текст в угловых скобках на URL сайта или название продукта |
| ezshine | motion | Canvas / SVG / GSAP | Презентация продукта в горизонтальном формате (промпт на китайском) | Добавьте список особенностей продукта |
| songkeys | motion | Canvas | История с минимумом текста | Поменяйте тему, сохранив слова, описывающие стиль |
| Ror_Fly | explainer | Canvas | 30-секундное пошаговое объяснение | Замените коктейль на свой рабочий процесс |
Пример 1: 15-секундное портфолио melvynx
Это та самая короткая фраза, которую мы использовали на шаге 2. В ней заданы только длительность и задача — отличный вариант для первой пробы.
Выше — кадр из работы melvynx. Ему соответствует промпт: «make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are for
Пример 2: рекламный ролик продукта ezshine на китайском
Если у вас есть продукт и вы хотите сделать о нём горизонтальный ролик, можно использовать этот промпт на китайском:
设计个动画，介绍本项目的各项特性，像是专业的产品介绍宣传片，最后要生成 16:9 的mp4 视频
По умолчанию модель может видеть, что именно имеется в виду под «этим проектом». Обычное окно чата такой контекст не видит, поэтому добавьте в промпт от трёх до пяти особенностей продукта. Окно не сможет выдать MP4: вы получите HTML, который нужно записать с экрана, как описано на шаге 5.
Выше — кадр из работы ezshine. Ему соответствует промпт на китайском: «设计个动画，介绍本项目的各项特性，像是专业的产品介绍宣传片，最后要生成 16:9 的mp4 视频».
Пример 3: история в стиле оригами и дудлов от songkeys
Этот вариант подходит для рассказа, но не для перечисления функций. Его сильная сторона — подробно описанный стиль: оригами, дудлы, милый и тёплый тон, минимум текста.
Create a short origami / doodle-style animation showing humanity’s development， progress， and civilization from birth to the present， and ultimately the hatching of AI. AI then gradually develops and advances， eventually hatching today’s Opus 5.5 （you）. Style: doodly， cute， warm， strongly narrative， no spoken language （simple text is OK， but don’t use too much explanatory/narrative text， because I want different civilizations to be able to understand it）， poetic， moving， high quality.
Выше — кадр из работы songkeys. Ему соответствует промпт: «Create a short origami / doodle-style animation showing humanity’s development…».
Пример 4: пошаговый ролик о приготовлении коктейля от Ror_Fly
За 30 секунд ролик показывает весь процесс — от пустого стакана до готового коктейля. Ингредиенты и их количество появляются по мере добавления. Опечатка ingreidents в оригинальном промпте из репозитория сохранена.
We’re going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html （w/e you think will produce the best） to show the full recipe from start to finish （empty glass to completed cocktail） — Explainer video style — Showing the recipe ingreidents + measurements as they’re going into the cup. Should be a 30s video.
Выше — кадр из работы Ror_Fly. Ему соответствует промпт: «We’re going to try a little test. Do you think you could render a recipe motion graphic animation…».
После публикации роликов Claude Motion: цифры, которые можно проверить по скриншотам
Первая запись в категории Motion graphics репозитория помечена тегами Canvas · AI image. Промпт длинный, но суть в том, чтобы использовать ту же аудиодорожку, что и в песне Claude Pop, и заново сделать видеоряд.
Выше — кадр из работы anabology. В записи репозитория указан промпт с просьбой использовать ту же аудиодорожку, что и в песне Claude Pop, и заново сделать видеоряд.
На трёх скриншотах ниже — просмотры и реакции на разных платформах. Судя по ним, ролики Claude Motion действительно набирают много просмотров.
У ролика @悲伤喜羊羊 в Douyin в описании указано, что использовался Claude Opus 5.5. У него 303 тысячи лайков, 2 498 комментариев, 22 тысячи сохранений и 112 тысяч репостов.
Пост @anabology в X от 26 сентября 2026 года набрал впечатляющие 20,1 млн просмотров.
Ролик «Информационная теория / наука об удивлении» от @电子智人 в Douyin опубликован 28 сентября. У него 867 тысяч лайков, 8 107 комментариев, 213 тысяч сохранений и 195 тысяч репостов.
Этот пример показывает лишь то, что анимационные ролики с объяснениями в похожем стиле вызывают интерес. Он не подтверждает, какая именно модель использовалась.
Если кратко, в основном посте anabology сказано: к Opus 5.5 добавили промпт для Midjourney от donald и мудборд, а результат увидели через 12 часов. В цитируемом посте donald (@donaldjewkes), датированном только 24 сентября, говорится, что он пять минут разговаривал с компьютером, а Claude работал 12 часов.
Частые вопросы о Claude Motion
Вопрос 1. Можно ли работать с Claude Motion, если я не умею программировать?
Да. Код напишет Opus 5.5, а вам останется скопировать его, вставить, сохранить в файл .html и открыть в браузере. Единственный технический момент — получить ключ. Для этого зарегистрируйтесь на APIYI apiyi.com и создайте токен: всё делается в несколько кликов на сайте.
Вопрос 2. Что выбрать: Claude Motion или Seedance?
Для реалистичных лиц, съёмочной картинки и кинематографичных кадров подойдут видеомодели вроде Seedance. Для текста, цифр, графиков, презентаций продуктов и обучающих роликов выбирайте Opus 5.5. Если в заголовке видео указана стоимость одного ролика, это просто текст заголовка — не результат замеров и не официальная цена.
Вопрос 3. Почему анимация в первой версии Claude Motion выглядит плохо?
Обычно в первой версии анимация просто начинает двигаться. Частые причины: не задан стиль, в одном запросе слишком много требований, а параметр effort по умолчанию установлен на medium. Следуйте songkeys и конкретнее описывайте стиль. Если в клиенте можно настроить интенсивность размышлений, повысьте её. Затем в каждом новом запросе меняйте только что-то одно.
Вопрос 4. Можно ли сразу скачать видео в MP4?
В этой статье на выходе получается HTML-файл. Надёжнее всего записать видео с экрана, как описано в шаге 5. Не рассчитывайте, что в первой версии получится сразу скачать MP4.
Итоги
Claude Motion — не видеоредактор, а подход, который используют в сообществе: Opus 5.5 пишет код, браузер отображает анимацию, а вы записываете её в видео. Уметь программировать не нужно.
При первой попытке пройдите все 5 шагов: получите ключ claude-opus-5-5 на APIYI apiyi.com, вставьте промпт, сохраните файл в формате HTML, измените что-то одно и в конце запишите экран. Узнать стоимость ролика можно по логам в консоли после его создания — не по цифрам в заголовках чужих видео.
Если нужны реальные люди в кадре, съёмка на улице или кинематографичные кадры, не используйте Claude Motion — выберите модель, специально предназначенную для генерации видео. А если нужно изменить одну фразу или цифру, сделать презентацию продукта или объяснить какую-то тему — используйте Claude Motion.
Дополнительные материалы
- 📘 Как Claude Opus 5.5 создаёт видео с помощью кода? Разбираем 4 этапа: SVG-материалы, озвучка, анимация и субтитры: если после этой статьи хотите разобраться, как организовать рендеринг, озвучку и добавление субтитров, загляните сюда. Принципы работы здесь повторять не будем.
- 📘 Как бесплатно попробовать claude-opus-5-5? Процесс подачи заявки из 5 шагов, лимиты и ограничения: если ещё не пополняли баланс и хотите сначала получить лимит, чтобы попробовать создать ролик.
- 📘 claude-sonnet-5-5 и claude-opus-5-5: Opus быстрее, а Sonnet теперь просто дешевле? 6 наборов данных о том, как лучше всего сочетать модели для корпоративных агентов с длинным контекстом: если не уверены, стоит ли использовать Opus 5.5 для вашей задачи.
- 📘 Пошаговое руководство: подключите всех агентов одним ключом — настройте единый API-шлюз с помощью open-source-проекта magpie (на примере Claude Code, Codex, Pi и Hermes): если у вас уже есть несколько агентов и вы хотите использовать для них один ключ. Примеры не ограничивают возможности: подключить можно любых агентов.
- 📘 Практическое руководство по SeeDance2.5 для создания и редактирования видео с лицами: загрузите реальные материалы и используйте их с соблюдением правил за 3 шага: если нужны реальные люди и кадры, похожие на съёмку, не пытайтесь воссоздать их программной анимацией — используйте видеомодель.
Источники
- Список работ и промптов: github.com/yihui-dev/awesome-opus5-5-videos (README и data/videos.json; данные на 2026-10-20, в этой статье они не проверялись)
- Страница для просмотра видео рядом: skillry.dev/ai-videos/opus-5-5
- Первоначальные публикации с примерами: x.com/melvynx/status/2103714680577638493, x.com/ezshine/status/2103501705698750731, x.com/songkeys/status/2102743212922384673, x.com/Ror_Fly/status/2102853258582880547, x.com/anabology/status/2103534482930491441
- Цены: данные обновлены на сайте документации APIYI 2026-09-23. Заголовок страницы — Claude Opus 5.5 Is Live, Priced Below Opus 5. Стоимость за 1 млн токенов: 4 доллара за входные токены, 20 долларов за выходные и 0,20 доллара за чтение кэша. В документации указано, что цены совпадают с тарифами провайдера.
