Налаштування: Промо-реклама генератора користувацьких оголошень

Запитайте мене про: назву продукту та обіцянку в один рядок, від 3 до 5 моментів інтерфейсу користувача для показу, один акцентний колір, від 10 до 20 реальних вертикальних кліпів, якими я володію, та пісню без роялті з чітким краплею (наприклад, Mixkit, безкоштовний для комерційного використання).

Високоякісний мінімалізм. Одна ідея на кадр, багато вільного простору, один акцентний колір, один чистий сан (Geist або Inter) з чітким трекінгом. Розкриття маскового шрифту, відповідні монтажні скоси, одна плавна мова камери. Тільки реальні кадри, ніколи не заповнювачі. Без крапок у тексті на екрані.
Заборонено: кільця ударної хвилі, сплески частинок, розщеплення RGB, тремтіння камери, відблиски об'єктива, неонове світіння, сітчасті підлоги, миготливі фони, стрибуче зменшувальне зменшення.

10 тактів по 120 BPM, по 2 секунди кожен.
Такт 1: хук приземляється слово за словом на долях.
Такт 2: одне ключове слово перетворюється на інтерфейс продукту. Курсор друкує та клацає.
Крапля: коло відкривається з кнопки в темну сцену.
Потім один хід на такт: стіна реальних кліпів з лінією сканування та 3 переможцями, ключовий вивід великим шрифтом, 3D-карусель реальних відео з відображеннями на підлозі та розмитим рухом ефектом «хлиста» на одному з героїв кліпу, герой у телефоні поруч із панеллю, яка перегортається на результати, велика статистика по кнопкових скороченнях, тікер із 3 слів, розкриття логотипу, затемнення.

1. Один HTML файл з роздільною здатністю 1920x1080. Кожен стиль обчислюється з часу всередині
http://
window.seek(t): без CSS анімації, без таймерів, без стану між кадрами.
2. Справжнє відео: видобування кліпів у послідовності JPEG із частотою 30 кадрів/с за допомогою ffmpeg та зміна джерел зображень для кожного кадру. Функція seek очікує на декодування зображення.
3. Проаналізуйте пісню за допомогою numpy: темп, сітка ударів, енергія на такт, падіння. Калібруйте сітку відповідно до справжніх бас-бітів. Кожен кат-сет знаходиться на даунбіті, кожен UI-хіт - на такті.
4. Рендеринг за допомогою Playwright: 3 підкадри на кадр при t мінус, при та плюс 1/240 с, потім змішування за допомогою ffmpeg tmix для справжнього розмиття руху при 60 кадрах в секунду.
5. Розмістіть кожен звуковий ефект так, щоб на подію потрапляв його виміряний пік, а не початок файлу. Залишайте ефекти тихими під музику. Loudnorm до -14 LUFS.
6. Перед повним рендерингом перегляньте 20 або більше кадрів. Виправте все захаращене, перекриваюче або важкочитабельне.

Ніколи не встановлюйте непрозорість або фільтр для елемента preserve-3d, оскільки він вирівнюється, і обидві грані видно. Натомість використовуйте затемнення його обгортки. Вимірюйте положення елемента під час виконання для збігів. Використовуйте лише музику та звукові ефекти, ліцензія яких дозволяє комерційне використання.

Запитай у мене вхідні дані, а потім покажи мені розкадровку з кожним таймінгом на сітці ударів, перш ніж писати будь-який код.

Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).

High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.

10 bars at 120 BPM, 2 seconds each.
Bar 1: the hook lands word by word on the beats.
Bar 2: one hook word morphs into the product UI. A cursor types and clicks.
The drop: a circle opens out of the button into a dark scene.
Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black.

1. One HTML file at 1920x1080. Every style is computed from time inside
http://
window.seek(t): no CSS animations, no timers, no state between frames.
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
3. Analyze the song with numpy: tempo, beat grid, energy per bar, the drop. Calibrate the grid to the real kick hits. Every cut sits on a downbeat, every UI hit on a beat.
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
5. Place each sound effect so its measured peak, not its file start, lands on the event. Keep the effects quiet under the music. Loudnorm to -14 LUFS.
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.

Never set opacity or filter on a preserve-3d element, because it flattens and both faces show. Fade its wrapper instead. Measure element positions at runtime for match cuts. Only use music and sound effects whose license allows commercial use.

Ask me for the inputs, then show me a storyboard with every timing on the beat grid before you write any code.

Промпт взято з посту @twoclipping.