- Claude
- 1:1
- Промт клуба
Промт для Claude: промо ui-анимации из одного элемента
Квадратный ролик 1:1 с плавными переходами между 12 состояниями UI: кнопка, загрузчик, плеер, слайдер, тоггл, вкладки, график, командная палитра, тост. Всё анимировано пружинами, без монтажных склеек.
В ролике один и тот же элемент последовательно превращается в 12 разных UI-состояний: от кнопки до тоста. Длительность — 7 тактов при 120 BPM. Стиль — минималистичный, чёрно-белый с тёплым серым фоном, шрифт Geist. Каждое изменение происходит по клику или перетаскиванию курсора, анимации построены на пружинах с лёгким перелётом. Ролик зациклен.
Промт подходит для Claude Code: вставьте его, укажите 8–12 состояний, цветовую палитру и трек. Claude сгенерирует HTML-файл с анимацией, используя closed-form пружины и рендеринг через Playwright. Можно заменить последовательность состояний, цвета и длительность под свой проект.
Начало промта
<inputs>
Ask me for: 8 to 12 UI states the shape should turn into (e.g. button, loader, player, slider, toggle, tabs, chart, command palette, toast), a pure black-and-white palette or one accent color, and a royalty-free track around 120 BPM (e.g. from Mixkit, free for commercial use).
</inputs>
<direction>…Полный промт — в клубе SAMI. Там же генерация в один клик и вся библиотека клубных промтов.
Открыть в клубе
