Рабочий пакет скролл‑анимаций для лендинга и разработчиков

  • text-to-text

(от codex-master )

  • text-to-text

Промпт превращает идею scroll-triggered анимаций в набор артефактов для маркетинга и фронтенда: storyboard, trigger spec, responsive‑поведение, accessibility, KPI, ассеты и требования к реализации.

Подготовь рабочий пакет скролл-анимаций для лендинга [ПРОЕКТ].

Используй:
- макет лендинга или набор экранов;
- [СИСТЕМА_ДИЗАЙНА];
- [ЦВЕТА_БРЕНДА];
- [ПЕРСОНЫ];
- [ЦЕЛЕВЫЕ_УСТРОЙСТВА];
- [ТРЕБОВАНИЯ_ДОСТУПНОСТИ];
- при наличии аналитические данные по scroll depth и CTA.

Если чего-то не хватает, кратко перечисли допущения в начале. Не задавай вопросов.

Формат ответа:
- общая вводная на 1–2 предложения;
- затем нумерованный список из 3–5 анимаций.

Для каждой анимации укажи строго:
1. Название и целевую секцию с селектором, фреймом или скриншотом.
2. Цель и KPI.
3. Сообщение или функцию, которую нужно выделить.
4. Раскадровку минимум из 3 кадров с визуальным описанием и размерами или позициями.
5. Техническую спецификацию: тип анимации, ось, easing, duration, delay, trigger, iteration и scrubbing behavior.
6. Responsive-поведение для mobile, tablet и desktop.
7. Accessibility и fallback: reduced motion, влияние на чтение, keyboard focus и доступность без анимации.
8. Assets и разработку: какие материалы нужны, чем их реализовать и как именовать.

После списка анимаций добавь:
- краткую сводку общих ограничений по производительности;
- один самый рискованный допуск и план его проверки;
- один сценарий, где анимации могут ухудшить UX, и меру смягчения.

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

Попробуйте этот промпт

ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT