Motion Prompt: Как создать Apple-ролик в Claude за 5 минут без After Effects

1. Анатомия концепции Motion Prompt: почему код побеждает видеоредакторы

Технология Motion Prompt построена на принципиальном отказе от традиционных видеомонтажных таймлайнов. Вместо рендеринга тяжелых видеопикселей нейросеть формирует математическую сцену на базе нативного HTML5 Canvas с векторной кинематикой.

Ключевые законы фирменного визуального стиля:

• Глубокий чистый черный фон (#05070B / #000000): никаких серых градиентов или мутных подложек. Максимальный контраст строится за счет неонового свечения и рассеянного света.
• Матовое стекло и направленный свет: плашки интерфейса ведут себя как темные стеклянные плиты (Dark Matte Glass), видимые зрителю только по тонким неоновым фаскам толщиной ровно 1px и реалистичным световым бликам.
• Спектральный дрейф цвета: ролик динамически развивается по цветовой шкале: холодный ледяной циан (#00F2C3) на открытии, благородный индиго (#6727E3) в середине и взрывная теплая маджента (#FF0055) либо фирменный цвет вашего бренда на финальном пэкшоте.
• Один бит - одна мысль: композиция никогда не перегружается деталями. Один экран удерживает зрителя ровно на одной хлесткой фразе из 3-5 слов.
• Импульсный тайпврайтинг: печатаемый на экране текст вспыхивает ярким акцентным неоном на последнем набранном символе и плавно остывает до чистого белого цвета.

В результате генерации создаются два независимых файла:

1. .html - полностью автономный интерактивный плеер. Вы можете открыть его в любом браузере, нажать пробел, покадрово перематывать сцену стрелками клавиатуры и при необходимости скорректировать текст или цвета прямо в коде.
2. .mp4 - готовый отрендеренный видеоролик 1080x1920 (9:16) для Reels, Shorts, TikTok или 1920x1080 (16:9) для главной страницы сайта и YouTube.

2. Чего не хватает в стандартных инструкциях (Инженерная диагностика)

В открытых источниках концепция часто подается поверхностно, что создает у пользователей ощущение неполноценности инструмента. Давайте честно разберем критические белые пятна, о которых молчат:

• Веб-версия Claude физически не компилирует MP4: В браузере (claude.ai) и мобильном приложении Claude выдает прекрасный HTML-артефакт, но не имеет доступа к серверному рендереру и FFmpeg. Полноценный экспорт в MP4 возможен либо через консольного агента Claude Code (где запускается автоматический скрипт захвата кадров через Headless Chromium), либо через связку с Remotion и HyperFrames.
• Вакуум вокруг звука и дикторского голоса: Видео в стиле Apple без звукового ряда - это немая анимация, которая в соцсетях теряет до 80% удержания. Голос диктора (TTS), фоновый саундтрек и звуковые маркеры (whoosh, click, sub-bass) должны проектироваться одновременно с визуальным рядом.
• Шрифтовой сбой на кириллице: Стандартные англоязычные промпты не подключают внешние шрифты. При попытке вывести русский текст браузерный Canvas переключается на стандартный системный шрифт с засечками, мгновенно разрушая премиальный образ продукта.

3. Готовый копируемый системный промпт: Motion Promo Engine

Чтобы обучить Claude генерировать видеоролики в едином высоком стандарте, используйте этот системный промпт. В нем уже заложены поддержка кириллических шрифтов через Google Fonts, интерактивное управление и физика движения:

Ты - элитный моушн-дизайнер и креативный директор уровня презентаций Apple и Studio Dumbar.
Твоя задача - принимать сценарий продукта или ссылку на сайт и генерировать автономный HTML5 Canvas анимационный промо-ролик длительностью 15-30 секунд.

ВИЗУАЛЬНЫЙ КОД:
1. Фон: глубокий черный #05070B без серых засветов и мусора.
2. Материалы: темное матовое стекло (Dark Matte Glass), тонкие неоновые фаски толщиной 1px, мягкий рассеянный bloom.
3. Цветовой спектр: непрерывный дрейф от ледяного циана (#00F2C3) к индиго (#6727E3) и теплой мадженте (#FF0055). Фирменный цвет бренда интегрируется в кульминацию.
4. Типографика: обязательно подключить шрифт Inter или Golos Text через Google Fonts с полной поддержкой кириллицы и латиницы. Чистый белый текст #FFFFFF, активные слова - неоновый акцент.
5. Физика: плавная инерция, пружинные кривые (cubic-bezier), отсутствие визуальной каши. 1 секунда = ровно 1 отчетливое визуальное микрособытие.
6. Текстовый ввод: эффект печати, где последний введенный символ ярко вспыхивает неоном и плавно остывает до белого цвета.

АРХИТЕКТУРА HTML-ПЛЕЕРА:
- Результат выдавать единым монолитным HTML-файлом со встроенными CSS и JS на базе requestAnimationFrame.
- Поддерживать соотношения сторон 9:16 (1080x1920) и 16:9 (1920x1080).
- Предусмотреть интерактивное управление: пробел (Play/Pause), стрелки клавиатуры влево/вправо (покадровый скраббинг), отображение текущего времени и прогресс-бара.
- В начале кода выносить конфигурационный объект CONFIG (brandColor, duration, beats, font, ratio).

ТРЕБОВАНИЯ К ДРАМАТУРГИИ:
- Строго 4-6 ключевых битов на 20 секунд.
- Никаких пустых абстрактных прилагательных. Только глаголы действия и конкретные цифры.
- Длина одной текстовой строки на экране - строго не более 4-6 слов.

4. Как писать сценарий, который превращается в шедевр

Качество анимации на 90% зависит от входного текста. Если скормить нейросети сухой пресс-релиз, на выходе получится скучная каша. Сравните два подхода:

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

5. Банк готовых сценариев под популярные ниши

Скопируйте нужный шаблон и замените ключевые показатели на данные вашего проекта:

Шаблон 1: Telegram-бот / AI-сервис (Формат 9:16)

Сделай промо-ролик 9:16 на 20 секунд.
Бренд: NeuroLead. Фирменный цвет: неоновый изумруд #00F2C3.
Сценарий:
- Твои менеджеры спят. Клиенты уходят.
- Бот отвечает за 3 секунды в любое время суток.
- Квалифицирует лид, выставляет счет, закрывает сделку.
- Плюс 38% к конверсии без расширения штата.
- NeuroLead. Подключи за 5 минут по ссылке в профиле.

Шаблон 2: B2B-автоматизация / n8n-интеграции (Формат 16:9)

Сделай промо-ролик 16:9 на 25 секунд для сайта.
Бренд: DataFlow. Фирменный цвет: глубокий индиго #6727E3.
Сценарий:
- Хаос в таблицах убивает твою прибыль.
- Соединяем CRM, Telegram, 1С и банки в единый организм.
- 0 ошибок ручного ввода. 100% прозрачность процессов.
- Экономия 120 часов рутины каждый месяц.
- DataFlow. Автоматизация, которая окупается за 14 дней.

6. Звуковой дизайн: как оживить ролик за 3 минуты

После экспорта видеоряда соберите звуковую дорожку по проверенной формуле:

Заключение

Генерация моушн-роликов через код - это новая парадигма продакшена, позволяющая запускать рекламные кампании телевизионного уровня без недель согласований и огромных бюджетов. Экспериментируйте с промптами, внедряйте предложенные сценарии и подписывайтесь на мой Telegram-канал @ai_websansay, где я делюсь свежими разборами автоматизаций и закрытыми материалами.