Анимация продуктовой презентации в Claude

Содержание8 глав

01Что понадобится
02Четыре обязательных блока запроса
03Подключи рабочую связку
04Как давать правки без хаоса
05Проверка перед публикацией
06Красные флаги
07Что сделать сегодня
08Проверить вручную

Продуктовую анимацию можно собрать через Claude, если не просить «сделай красиво», а передать смысл новой функции, визуальный язык продукта и точные ограничения. Тогда первый вариант есть что править: ты меняешь движение, ритм или композицию, а не начинаешь заново.

Что понадобится

Claude Opus для работы с задачей и правками.
Yoolip MCP для связки Claude с инструментом создания анимации.
Ссылка на лендинг или короткое описание продукта.
Логотип, скриншоты или референс, если в кадре нельзя менять фирменные элементы.

Четыре обязательных блока запроса

Блок	Что указать
История	Что зритель должен понять за ролик: проблема, новая функция, результат
Визуальный стиль	Цвета, типографика, фон, настроение, референс анимации
Длительность	Например, 12–15 секунд или 5–6 коротких экранов
Формат кадра	Вертикальный 9:16, горизонтальный 16:9 или квадрат 1:1

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

Подключи рабочую связку

Открой страницу Yoolip MCP.
Войди в Yoolip и подтверди подключение в Claude.
Сделай короткий тест на одном экране, прежде чем собирать всю презентацию.
Проверь, какие данные из переписки, лендинга и файлов увидит подключённый сервис.

Промпт для первого варианта19 строк · 649 знаков

Собери короткую анимированную презентацию новой функции продукта.

Продукт: [название и ссылка на лендинг].
Новая функция: [что делает и кому полезна].
Задача ролика: [какую мысль должен понять зритель].

Сценарий на 5–6 экранов:
1. заголовок и главный тезис;
2. проблема пользователя;
3. как работает функция;
4. ключевые возможности;
5. реальный сценарий;
6. финальная ценность.

Визуальный язык: [фон, цвета, шрифт, настроение, ссылка или референс].
Формат: [9:16 / 16:9 / 1:1]. Длительность: [X] секунд.

Сохрани форму интерфейса, цвета, логотип и текст. Не добавляй новые бренды,
случайные надписи и элементы, которых нет в исходных материалах.

Как давать правки без хаоса

Меняй за одну итерацию один слой: только движение, только ритм или только композицию.

Промт 29 строк · 355 знаков

Исправь только характер движения:
- ускорь появление бумажных элементов;
- убери слишком плавные переходы, движение должно ощущаться физическим;
- добавь лёгкое перекрытие слоёв;
- новые карточки должны появляться поверх предыдущих, а не заменять их;
- сократи паузы;
- оставь финальный экран статичным на 1–2 секунды.

Не меняй цвета, текст и композицию.

Проблема	Как сформулировать правку
Анимация выглядит стерильно	«Добавь лёгкую неровность движения и перекрытие слоёв»
Кадры сменяются слишком резко	«Сохрани один непрерывный переход между экранами»
Слишком долго	«Сократи паузы, но оставь финальный кадр на 1–2 секунды»
Бренд потерялся	«Не меняй цвета, логотип, типографику и форму интерфейса»

Проверка перед публикацией

Текст читается с телефона и не исчезает в момент смены кадра.
Логотип, название и интерфейс не искажены.
Нет выдуманных фактов, функций и обещаний продукта.
Движение поддерживает главный тезис, а не отвлекает от него.
Последний кадр держится достаточно долго, чтобы прочитать призыв к действию.

Красные флаги

Один запрос одновременно меняет сценарий, стиль, длительность и движение.
В исходные материалы попадают закрытые данные без проверки условий сервиса.
Референс копируют целиком вместо того, чтобы брать только приём движения.
Готовый ролик публикуют без проверки текста, логотипа и фактических утверждений.