В этом мастер-классе я показываю, как сделать эффектный лендинг на основе библиотеки Motion Sites: беру готовый промпт, отдаю его в Cursor и дорабатываю сайт под себя блок за блоком. Видео для первого экрана я делаю сам: картинка в ChatGPT, затем оживление в видеогенераторе. Hover-эффекты сначала придумываю в ChatGPT по референсу, а в код их переносит агент. В конце сайт доводится до деплоя на личный домен. Урок подойдёт тем, кто хочет собрать визитку или небольшой лендинг и не имеет опыта в дизайне.
0:00–1:09 Библиотека Motion Sites: футуристичные сайты, завязанные на видео, есть бесплатные и платные варианты. Копирую промпт и отправляю его в Cursor, Claude Code или Claude Design. 1:09–2:13 Фиксирую, что хочу получить, и прошу ChatGPT Pro написать короткое описание лендинга. Для первого видео делаю 3D-модель в космосе по своему фото и оживляю её в видеогенераторе. 2:13–3:18 Дизайн сайта…
🔒
Этот материал доступен участникам Клуба. Войдите или оформите доступ,
чтобы читать целиком, открывать видео и комментировать.