«Мне кажется, здесь не хватает жизни», — сказал Макс, показывая на макет нового экрана в приложении. Речь шла о статистике: несколько круговых диаграмм, которые должны появляться плавно. «Цифры скучны сами по себе. Нужно, чтобы пользователь сразу видел динамику». Цена ошибки была ясна: слишком сложная или медленная анимация раздражает, слишком простая — останется незамеченной. Я кивнула и открыла браузер.
Первый шаг — не генерация, а поиск
Я не стала сразу писать промпт. Вместо этого зашла на Prompt Motion. Это коллекция видеороликов с анимацией, созданных с Claude Opus 5.5, с промптами и навыками, лежащими в их основе. В фильтрах выбрала «Charts». Через минуту я смотрела варианты: как заполняются диаграммы, как цифры «собираются» из точек.
Один ролик привлёк внимание. На тёмном фоне сегменты круга не просто появлялись — они выезжали из центра с небольшой задержкой друг за другом. Под видео был промпт автора: «Create an animation of a donut chart. Each segment should animate in from the center with a slight delay between them, using an ease-out curve.»
Вот главная ценность библиотеки. Она не делает работу за тебя, но даёт отправную точку — рабочий пример на человеческом языке. Вместо того чтобы гадать, как описать «мягкое появление с задержкой», я получила готовую формулировку.
«Customize any prompt» — что на самом деле значит эта кнопка
Под видео была кнопка «Customize this prompt for your project». Я нажала и ввела описание: «Анимация для интерфейса мобильного банка. Три сегмента расходов (еда, транспорт, развлечения). Цвета: синий, зелёный, оранжевый. Фон светлый. Длительность не больше 2 секунд.»
В ответ пришёл адаптированный промпт. Система переработала исходный запрос под мои условия: заменила цвета, уточнила контекст. Получился текст: «Create a clean, short (under 2 seconds) animation of a donut chart for a mobile banking app interface... Animate each segment emerging from the center with a slight, staggered delay (0.1s)...»
Я скопировала его и запустила рендер. Первый результат был технически правильным, но безликим. Он не передавал ощущение «банковского» — надёжного и чёткого.
Тут вмешался Дима. «Что, расходы анимируешь?» — пошутил он, глядя на экран. Я показала ролик. «Технически всё ок, — сказал Дима. — Но сегменты выезжают слишком плавно, почти лениво. В банковском приложении цифры должны появляться уверенно. И задержка в 0.1 секунды — это много для двухсекундного клипа.»
Он был прав. Промпт дал хорошую основу, но не мог знать наших гайдлайнов по восприятию. Кнопка «настроить» помогла перевести задачу с общего языка на конкретный, но не сделала дизайнерское решение.
Финальный штрих, который не в промпте
Я вернулась к адаптированному промпту и изменила его. Убрала субъективное «reassuring». Добавила: «The animation should feel precise and deliberate, not slow. The staggered delay should be minimal (0.05s).» Попросила, чтобы сегменты «появлялись с лёгким эффектом масштабирования из точки».
Второй рендер оказался ближе к цели. Движение было быстрым, собранным. Я вставила видео в макет и позвала Макса. Он посмотрел. «Да, вот это уже другое дело. Видно, что данные обновляются. И не отвлекает.»
Prompt Motion сработал как катализатор. Он даёт визуальную идею, готовый язык для её описания и инструмент для адаптации. Но последнее слово — о том, как движение должно соответствовать голосу бренда и ожиданиям пользователя — остаётся за человеком у экрана.
Клиенту ушла связка: готовый ролик и текстовый промпт с пометками, объясняющий, почему выбраны такие параметры. Это позволит команде легко воспроизвести анимацию в коде.