Промпт строит последовательный storyboard минимум для пяти секций: состояние по scroll-progress, связка соседних анимаций, аналитические события, контроль reduced motion и проверка самой рискованной гипотезы.
В этом промпте 31 строка и 1515 символов
Создай storyboard скролл-анимаций для маркетинговой страницы [ПРОЕКТ].
Входные данные:
- план контента страницы;
- [СИСТЕМА_ДИЗАЙНА];
- [ЦВЕТА_БРЕНДА];
- [ПЕРСОНЫ];
- [ЦЕЛЕВЫЕ_УСТРОЙСТВА];
- [ТРЕБОВАНИЯ_ДОСТУПНОСТИ].
Если какой-то информации нет, кратко зафиксируй допущения в начале. Не задавай вопросов.
Структура ответа:
1. Последовательный storyboard минимум для 5 секций. Для каждой секции укажи:
- цель секции;
- trigger или условие срабатывания;
- duration, delay и easing;
- поведение при reduced motion и при отключённом JS;
- производственные рекомендации по производительности;
- состояние на 0%, 25%, 50%, 75% и 100% scroll-progress;
- рекомендуемый CSS или JS подход и диапазоны progress для переключений.
2. Общая схема связки анимаций: как соседние секции синхронизируются и не конфликтуют между собой.
3. Метрики и события аналитики: перечисли 6–10 метрик, способ отслеживания и целевой ориентир для каждой.
4. Валидация и риски: одно слабое предположение, конкретный способ проверки, одна потенциальная single point of failure и одно смягчающее действие.
5. Контроль соответствия входам: короткий чек-лист по [СИСТЕМА_ДИЗАЙНА], [ЦВЕТА_БРЕНДА], [ПЕРСОНЫ], [ЦЕЛЕВЫЕ_УСТРОЙСТВА] и [ТРЕБОВАНИЯ_ДОСТУПНОСТИ].
Ограничения:
- Не предлагай больше 5 анимаций на одну секцию.
- Всегда указывай конкретные числа, проценты и диапазоны.
- Пиши структурировано и так, чтобы документ можно было использовать как техническое задание.
- Не включай код длиннее коротких примечаний о подходе.
Промпт доступен бесплатно после регистрации/авторизации
Регистрация
ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT