16 промптов для моушн-графики в стиле Apple (и мой бриф)

Claude теперь делает короткие анимации прямо из чата. Без подготовки выходит «нормально». С одним брифом, вставленным первым сообщением, — как запуск продукта у Apple.

Ниже мой бриф и 16 сцен, которые я по нему собрал: графики, счётчики, кнопки, уведомления, 3D-карта. Каждая сцена — это бриф плюс одна строка с описанием. Без After Effects и таймлайна. Формат подсмотрел у Charlie Hills — сцены, тексты, палитра и бриф мои.

Что такое Claude Motion и нужен ли он?

Не обязательно. Claude Motion — режим claude.ai, где Claude пишет код анимации (текст, графики, фигуры, картинки) и показывает результат как короткое видео с экспортом в MP4. Видеогенерации там нет — только код. Он вышел в бете 8 октября 2026 года и доступен только на тарифах Team и Enterprise.

Все 16 сцен в этой статье я собрал без Motion — в Claude Code с открытым рендером HyperFrames от HeyGen: Claude пишет сцену как веб-страницу, HyperFrames превращает её в MP4. Бриф и промпты работают одинаково на обоих путях.

Как это выглядит

Как пользоваться: 3 шага

Шаг 1. Вставь бриф первым сообщением

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

Шаг 2. Допиши одну строку — сцену

Строка «СЦЕНА» в конце брифа — единственное, что ты переписываешь. Один объект и одно изменение: «столбцы превращаются в тренд», «кнопка становится галочкой». Готовые строки — ниже.

Шаг 3. Экспортируй MP4

1080p, 30 кадров в секунду, ровно 6 секунд. Правки — словами, по одной за раз: «счётчик медленнее», «галочку крупнее».

Где это делать:

• Claude Motion (Team или Enterprise). Новый чат в claude.ai → бриф → строка сцены. Плеер откроется рядом с чатом, экспорт — кнопкой Export → MP4.
• Claude Code + HyperFrames (Claude Code есть с тарифа Pro). Нужны Node.js 22 и FFmpeg. Попроси Claude Code создать проект HyperFrames, вставь бриф и сцену — он соберёт страницу. Посмотреть: npx hyperframes preview, сохранить видео: npx hyperframes render -o scene.mp4.

По моему опыту одна сцена — 15–30 минут вместе с правками.

Мой бриф

Скопируй целиком. Цвета — моя палитра «Полночь + карамель» с зелёным для «готово»; свои подставь в строку «ЦВЕТА». Меняется только последняя строка — «СЦЕНА».

ПЛАНКА: качество кейноута Apple. Если сцена не выжила бы в кейноуте — переделай.

ФОРМАТ: 1080×1350 (4:5), ровно 6 секунд, 30 fps. Бесшовная петля: последний кадр совпадает с первым.
ОДНО ПРАВИЛО: один главный объект на 60–70 % кадра и ОДНО приятное изменение, потом сброс.
ВИД: светлый фон с тонкой сеткой, матовое стекло, мягкие тени, настоящая глубина. 1–2 цвета на сцену.
ЦВЕТА: основной — тёмно-синий #2C3E73 (градиент #4F68AA → #18234A);
       акцент — карамель #F2994A → #CC6A1C;
       «готово / рост» — зелёный #66BA94 → #23624A;
       главный объект сцены — синий → фиолетовый #4F68AA → #8B5CF6.
ШРИФТ: тяжёлый гротеск (Inter 800), не больше 5 слов, ключевое число от 120 px, табличные цифры.
       Служебные подписи — моноширинный.
ДВИЖЕНИЕ: пружины на всём (лёгкий перелёт и возврат). Счётчики крутятся, линии рисуются сами.
          Состояние «после» держи 1,2 секунды.
НИКОГДА: серые заглушки, стоковые иконки, эмодзи, тёмный фон, неон.

СЦЕНА: [одна строка — какой объект и что с ним происходит]

16 промптов: по одной строке на сцену

Подставь своё в квадратные скобки и вставь строку после брифа. Под каждым промптом — что подставил я.

Сцена 1. Столбцы → тренд

СЦЕНА: Виджет-график из матового стекла «[твоя метрика]». Семь столбцов по одному выпрыгивают с лёгким перелётом, затем через их вершины прорисовывается светящаяся линия, по ней до конца едет точка — и там огромным карамельным выскакивает «[твой рост]».

Я взял: Регистрации за неделю, +200%.

Сцена 2. Месяц → год

СЦЕНА: Переключатель в стиле iOS (Месяц | Год) над премиальной карточкой тарифа «[название тарифа]». Плашка выбора переезжает с пружиной, цена прокручивается механическим счётчиком с [цена за месяц] на [цена за год], и пружиной выпрыгивает бейдж «[твоя выгода]».

Я взял: Клуб, $19 → $190, «2 месяца в подарок».

Сцена 3. Точки → логотип

СЦЕНА: Около 150 маленьких глянцевых шариков вплывают от краёв, делают один оборот и собираются в [опиши свой знак одной строкой] — по нему пробегает блик.

Я взял: монограмма «T», вырезанная в скруглённом квадрате.

Сцена 4. Остров → эфир

СЦЕНА: Пилюля вверху экрана телефона пружиной раскрывается в живую карточку: отсчёт 3, 2, 1 перелистывается, потом красная пульсирующая точка и «ЭФИР» со строкой «[твоё событие]». Потом всё сжимается обратно в пилюлю.

Я взял: «Разбор Claude Code — начинаем».

Сцена 5. Визиты → продажи

СЦЕНА: Стеклянная 3D-воронка с лёгким наклоном. Сверху сыплются сотни крошечных светящихся частиц, снизу выпадает лишь малая часть — в счётчик, который докручивается до «[твой результат]».

Я взял: «512 продаж».

Сцена 6. Клик → готово

СЦЕНА: Большая глянцевая кнопка «[слово на кнопке]». Курсор нажимает, кнопка сплющивается, становится кругом, по кольцу бежит прогресс, затем щёлкает карамельная галочка с мягкой волной — и кнопка вырастает обратно с надписью «[слово „готово“]».

Я взял: «Опубликовать», затем «Опубликовано».

Сцена 7. Карта → оплачено

СЦЕНА: Платёжная карта выезжает из кармашка кошелька, по контуру кнопки «Оплатить [сумма]» пробегает световое кольцо, приземляется большая зелёная галочка с «Оплачено» — и карта уезжает обратно.

Я взял: $190 — год в клубе.

Сцена 8. 0 → 24 860

СЦЕНА: Виджет экрана блокировки «[твоя метрика]». Каждая цифра крутится сама, как механический счётчик, от 0 до [твоё число], быстрые цифры размыты, затем пружиной выскакивает маленький чип «[строка роста]».

Я взял: Подписчики, 24 860, «+32% за месяц».

Сцена 9. Тонкий → жирный

СЦЕНА: Заголовок «[твой заголовок]» переменным шрифтом. Вес волной, буква за буквой, растёт от волосяного до самого жирного, буквы «дышат», а точка в конце становится цветным шариком и один раз подпрыгивает.

Я взял: «Сделай живым.»

Сцена 10. Эскиз → приложение

СЦЕНА: Рамка телефона, внутри — карандашный эскиз экрана приложения. Вертикальная ручка-шторка проезжает поперёк и открывает под ним готовый цветной экран («[название приложения]», [две-три вещи на экране]).

Я взял: «Контент-план», кольцо прогресса и две карточки.

Сцена 11. Тяни → записано

СЦЕНА: Недельный календарь в стеклянном окне. Курсор перетаскивает событие на [день и время], оно магнитом встаёт в свой слот, становится фиолетовым, на нём появляется «[твоё событие]» и падает маленький аватар.

Я взял: четверг 11:00, «Созвон с Олей».

Сцена 12. Пуши → стопка

СЦЕНА: Экран блокировки телефона. Уведомления пружиной падают одно за другим («[первое]», «[второе]»), складываются в аккуратную стопку, а счётчик на ней докручивается до «[твой итог]».

Я взял: «Новый заказ $42», «Новый заказ $96», «12 новых заказов».

Сцена 13. Кольцо → закрыто

СЦЕНА: Кольцо активности обегает круг со светящимся кончиком, замыкается с маленькой вспышкой — и в центре крупно появляется «[твоя цель]».

Я взял: «Цель взята».

Сцена 14. Док → открыт

СЦЕНА: Док из шести своих глянцевых иконок. Курсор проезжает вдоль, иконки увеличиваются, как в настоящем доке, одна дважды подпрыгивает — и из неё раскрывается окно «[заголовок окна]».

Я взял: «Отчёт по запуску».

Сцена 15. Карточка → 360°

СЦЕНА: Премиальная карточка товара [твой товар] ([цена]). Она поворачивается в 3D на полные 360° с бегущим бликом, на обороте — три галочки с преимуществами, и встаёт лицом вперёд.

Я взял: студийный микрофон, $129.

Сцена 16. Карта → маршрут

СЦЕНА: Наклонённая светлая 3D-карта [твоя страна]. Булавки с подскоком падают на [твои города], между ними рисуется светящийся маршрут, и на стеклянной плашке появляется «[твой итог]».

Я взял: Португалия — Порту, Коимбра, Лиссабон, Фару, «4 новых города».

Если вышло не так: 5 частых ошибок

Все пять я поймал сам, пока собирал эти сцены.

1. Цифры счётчика прыгают и не читаются. Крути только меняющиеся разряды, одна прокрутка ≤ 0,2 с, между ступенями число стоит.
2. Моноширинный шрифт подменился обычным. Подключи шрифт файлом (у меня Source Code Pro), системные моноширинные рендер не видит.
3. На стыке петли видно рывок. Последний кадр должен совпадать с первым — сверяй их, а не «примерно похоже».
4. Булавки на 3D-карте стоят мимо городов. Считай их положение после наклона карты и с поправкой на масштаб рендера.
5. Мелкий цветной текст сливается. Для подписей бери тёмный оттенок акцента (карамель #9A4A0E, зелёный #2C6E52), яркий — только для крупного.

Экспорт для Instagram

MP4, 1080×1350 (4:5) — так видео занимает больше места в ленте. 30 кадров в секунду, ровно 6 секунд, цвета BT.709. В одну карусель Instagram принимает до 20 слайдов, видео и фото вперемешку. Я собрал из этих сцен карусель на 19 слайдов: обложка, бриф, 16 сцен и финальный слайд.

Что почитать по Claude Code

• Claude Code: с чего начать
• Как установить Claude Code: два способа для новичков
• Claude Code без терминала: desktop-приложение
• Красивый дизайн сайта: готовые промпты для Claude Code
• Magic UI, KokonutUI, Aceternity: анимированные компоненты для сайта
• 100 промпт-паттернов для Claude
• Промпты для Claude

Источники

1. support.claude.com — Get started with Claude Motion: бета, тарифы Team и Enterprise, экспорт в MP4
2. claude.com — анонс Claude Dashboards и Claude Motion
3. claude.com/pricing — тарифы Claude и в каких есть Claude Code
4. code.claude.com — документация Claude Code
5. github.com/heygen-com/hyperframes — HyperFrames: открытый рендер HTML в MP4, Apache 2.0
6. hyperframes.heygen.com — документация HyperFrames
7. developer.apple.com — Apple Human Interface Guidelines: Motion
8. charliehills.substack.com — Charlie Hills — автор формата «16 сцен, один бриф»