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

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

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

- [Claude Opus](https://www.anthropic.com/claude/opus) для работы с задачей и правками.
- [Yoolip MCP](https://yoolip.ai/mcp) для связки Claude с инструментом создания анимации.
- Ссылка на лендинг или короткое описание продукта.
- Логотип, скриншоты или референс, если в кадре нельзя менять фирменные элементы.

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

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

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

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

1. [ ] Открой [страницу Yoolip MCP](https://yoolip.ai/mcp).
2. [ ] Войди в Yoolip и подтверди подключение в Claude.
3. [ ] Сделай короткий тест на одном экране, прежде чем собирать всю презентацию.
4. [ ] Проверь, какие данные из переписки, лендинга и файлов увидит подключённый сервис.

## Промпт для первого варианта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

## Что сделать сегодня

1. [ ] Выбери одну функцию, которую можно объяснить за 15 секунд.
2. [ ] Собери четыре блока: история, стиль, длительность, формат.
3. [ ] Сделай первый вариант по шаблону выше.
4. [ ] Дай одну точную правку по движению и сравни две версии.

## Проверить вручную

- [ ] Доступ к Claude Opus и Yoolip MCP активен для твоего аккаунта.
- [ ] У тебя есть права на лендинг, логотипы, скриншоты и референс.
- [ ] Формат и длительность подходят для площадки, куда пойдёт ролик.

---

Источник: https://localhost:3000/m/animatsiya-prezentatsii-v-claude