Детальный шаблон промпта для Claude Opus 5.5, создающий видео-анимацию запуска продукта в одном HTML-файле: трансформация строки ввода промпта в различные UI-элементы, синхронизированные с музыкальными битами.
Промпт
<inputs>
Запросите у меня: односложное название продукта для логотипа, один акцентный цвет и трек без авторских прав около 120 BPM (например, с Mixkit, бесплатный для коммерческого использования).
</inputs>
<direction>
UI-моушн запуска продукта одним непрерывным дублем. Одна форма рассказывает всю историю: строка ввода превращается в кнопку, кнопка — в кольцо прогресса, кольцо — в окно предпросмотра, окно заполняет экран, затем сжимается во всплывающее уведомление и обратно в строку ввода. Никаких склеек или затуханий между сценами: объекты трансформируются. Курсор инициирует каждое изменение реальными кликами. Теплый кремовый фон, черный UI, один акцентный цвет, шрифт Inter для интерфейса и логотипа. Повсюду пружинная анимация с легким перелетом. Зум камеры так, чтобы каждый момент заполнял квадрат.
Запрещено: кроссфейды, градиенты на UI, частицы, свечения, прыгающая плавность, пустые биты, всё, что выглядит как шаблон.
</direction>
<structure>
120 BPM, 24 бита, действие происходит на каждом бите.
Ввод запроса в строку → клик по отправке → строка схлопывается в черный круг → кольцо прогресса заполняется четырьмя шагами, пока четыре чипа вылетают пружиной (концепт, раскадровка, моушн, звук) → чипы летят в таймлайн, а круг становится окном предпросмотра → плейхед проходит по клипам → внутри предпросмотра орбита рисуется сама, планета начинает двигаться, и логотип поднимается буква за буквой из маскирующей линии → предпросмотр заполняет экран → буквы падают вниз, планета летит во всплывающее уведомление и становится галочкой → «Rendered in code · 60 fps» → уведомление превращается обратно в пустую строку ввода. Последний кадр = первый кадр.
</structure>
<build>
1. Один HTML-файл с холстом 1440x1440. Всё рисуется внутри seek(t): никаких CSS-переходов, таймеров или состояния между кадрами.
2. Используйте замкнутые решения для пружинных шагов. Когда значение несколько раз меняет цель, добавляйте одну пружину на каждое изменение, чтобы функция оставалась чистой зависимостью от времени.
3. Основная форма — это один скругленный прямоугольник, ширина, высота, радиус, позиция и цвет которого являются цепочками пружин.
4. Набор текста выводится из времени: отображаемые символы = floor(progress × length), с кареткой, мигающей только в простое.
5. Найдите сетку битов трека, начните с сильной доли и поместите каждый клик, поп и звон на измеренный пик.
6. Рендеринг через Playwright при 60 fps, затем кодирование H.264 CRF 16 и нормализация громкости до -14 LUFS.
7. Сначала отрендерьте один статичный кадр на каждый бит. Исправьте всё, что тесно, вне сетки или трудночитаемо, перед полным рендерингом.
</build>
<gotchas>
Текст внутри морфирующей формы требует собственного клипа и отдельного времени появления/исчезновения. Смены текста требуют собственного затухания, чтобы они никогда не пересекались. Курсор должен закончить в точности там же, где начал, иначе цикл будет дергаться.
</gotchas>
Как использовать этот промпт
1
Скопируйте полный промпт выше.
2
Откройте платформу, поддерживающую Claude Opus 5.5, например YouMind, и вставьте промпт.
3
Замените объект, стиль или детали в соответствии с вашей идеей, а затем создавайте.
Это бесплатный AI-промпт из библиотеки YouMind. Изучите тысячи других промптов видео, которые можно бесплатно копировать и адаптировать.
Позвольте AI искать среди десятков тысяч промптов. Фильтруйте по модели, временному диапазону, ключевым словам и сортируйте по вовлеченности — просмотрам, закладкам, репостам и многому другому.
Превратите любую фотографию в подробный AI-промпт для изображения. Бесплатный конвертер изображений в промпты анализирует композицию, стиль и освещение, чтобы вы могли воссоздать любой образ за секунды.
YouMind — это ИИ-копилот для творчества, которому доверяют миллионы создателей по всему миру. Каждый промпт здесь отобран так, чтобы помочь вам творить лучше и быстрее.
