Ты открываешь сайт конкурента: видео на фоне, плавный скролл, продукт выплывает из темноты. Потом открываешь свой: шаблон конструктора, стоковое фото и кнопка «Купить». Разницу видно за секунду, и посетитель уходит раньше, чем дочитает первый экран.
Раньше кинематографичный сайт означал агентство, дизайнера, моушн-специалиста и бюджет, который соло-автору не по карману. Сейчас такой сайт можно собрать через Claude Code одним подробным промптом, если подключить к нему генератор изображений и видео. Разберу, как это устроено и какой промпт написать, чтобы получить не очередной AI-лендинг, а страницу, на которой хочется задержаться.
Обычный AI-лендинг выглядит дёшево, потому что у него нет сюжета
Попроси нейросеть «сделай сайт для кофейни», и она соберёт аккуратную, но безликую страницу: заголовок, три карточки преимуществ, форма. Всё правильно, и всё забывается. Модель тут ни при чём, дело в задаче: ты не дал ей ни настроения, ни сюжета, ни картинок.
Второе слабое место — визуал. Код Claude пишет хорошо, но без своих изображений и видео вставит заглушки или серые блоки. Сайт выглядит дорого именно благодаря картинке, и именно на ней всё обычно ломается.
- нет единой визуальной идеи, каждый блок живёт сам по себе;
- нет движения, страница статична, как документ;
- нет своих изображений, только стоки или пустые места;
- нет сценария скролла, человек не понимает, куда смотреть дальше.
Claude Code может сам генерировать картинки и видео для сайта
Главная деталь из поста, который сейчас собирает отклики в нише: Claude Code подключают к генератору визуала через MCP. MCP — это способ дать Claude доступ к внешнему инструменту, чтобы он вызывал его сам, без твоего участия. В том посте использовали Higgsfield: Claude пишет код сайта и по ходу сам заказывает нужные кадры и короткие видео.
Схема из поста такая:
- открыть Claude Code;
- выбрать самую сильную модель, доступную на твоём тарифе;
- поднять уровень рассуждений до максимума, на сложной вёрстке это заметно;
- подключить MCP генератора изображений и видео;
- вставить мастер-промпт и смотреть, как сайт собирается.
Автор поста пишет, что агентства берут за такие сайты десятки тысяч долларов. Проверить эту цифру для твоего рынка я не могу, но порядок понятен: ручной моушн-дизайн и съёмка стоят дорого, а здесь их заменяет генерация.
Нейросеть для монтажа видео бесплатно не нужна, но и бесплатным это не будет
Многие приходят к теме с запросом «нейросеть для монтажа видео бесплатно» и ждут, что всё обойдётся в ноль. Честно: не обойдётся. Claude Code работает по подписке, генераторы видео почти всегда списывают кредиты, и ролики обходятся дороже всего. Тарифы меняются, поэтому смотри их на сайте сервиса перед стартом.
Хорошая новость: монтировать здесь ничего не нужно. Склеивать фоновые ролики в редакторе не придётся, Claude генерирует короткие зацикленные сцены под конкретный блок сайта и сразу встраивает их в код. Чтобы не сжечь кредиты, начни с картинок и одного видео для первого экрана. Остальное добавишь, когда понравится структура.
Приём на сегодня — напиши промпт как режиссёрский сценарий
Хороший результат отличается от среднего тем, что промпт описывает не страницу, а фильм, который человек смотрит, пока скроллит. Раздели сайт на сцены и для каждой укажи, что видно, что двигается и какую мысль человек уносит с собой.
Вот пример для вымышленной кофейни, который можно переделать под себя:
Собери одностраничный сайт для кофейни «Зерно» в спальном районе. Настроение: утро, тёплый свет, пар над чашкой, никакого глянца. Структура из пяти сцен. Сцена 1: полноэкранное зацикленное видео, зёрна медленно падают в темноте, поверх заголовок «Кофе, ради которого стоит выйти раньше». Сцена 2: при скролле сбоку выезжает чашка, рядом три коротких факта о зерне. Сцена 3: горизонтальная лента из четырёх сгенерированных фото интерьера. Сцена 4: меню карточками, при наведении карточка чуть приподнимается. Сцена 5: адрес, часы работы и одна кнопка «Построить маршрут». Все изображения и видео генерируй через подключённый MCP в одном стиле: тёплая плёночная цветокоррекция, мягкие тени. Видео короткие, по несколько секунд, без людей в кадре. Код: чистый HTML, CSS и JS, плавные анимации при скролле, адаптив под телефон. После сборки открой страницу и проверь, что всё загружается.
Обрати внимание на три вещи. Для всей генерации задан единый стиль, поэтому картинки не спорят друг с другом. У каждой сцены одна задача. И в конце Claude просят проверить результат, а не просто отчитаться.
Черновик становится готовым сайтом за несколько точечных правок
Первая версия почти никогда не бывает финальной. Не переписывай промпт с нуля, правь точечно: «сцена 2 слишком быстрая, замедли анимацию вдвое», «на телефоне заголовок налезает на видео, исправь». Так Claude сохранит удачное и починит только то, что ты назвал.
Перед публикацией проверь всё сам, глазами, а не со слов модели:
- открой сайт на телефоне, большая часть трафика из соцсетей приходит оттуда;
- посмотри на скорость загрузки, тяжёлые видео на первом экране отпугивают;
- прочитай все тексты, генерация иногда вставляет опечатки или латинские буквы вместо русских;
- убедись, что кнопка ведёт туда, куда нужно.
Тот же подход работает для бренда одежды, мастерской, онлайн-курса или проекта, которого ещё нет. Страницу можно собрать и проверить спрос раньше, чем вкладываться в сам продукт.
Если хочешь, чтобы тексты для такого сайта и ролики к нему писались так же быстро, у нас есть готовые AI-скиллы для Claude Code: сценарии, крючки и план контента на неделю.