8 200 строк кода, 0 рублей, 0 написано руками. Как я собрал продающий лендинг через Claude Code за вечер

Но сначала – контекст.

Есть штука под названием Claude Code. Это не чат-бот с красивыми ответами. Это агент, который работает прямо в терминале, видит файловую структуру проекта и пишет код сам. Не «подсказывает», не «дополняет». Пишет. Целиком. С нуля.

Ты описываешь задачу – он её делает. Как джуниор-разработчик, который не спорит, не уходит на обед и не просит повышения. Только быстрее. И без багов на проде (ну, почти).

Раньше для лендинга нужна была цепочка: маркетолог → дизайнер → верстальщик → тестировщик → менеджер, который всех пинает. Сейчас эту цепочку заменяет один файл.

Вот главный инсайт, который отличает «вау, ИИ сгенерировал мусор» от «вау, это выглядит как сайт за 300 тысяч».

Перед тем как писать хоть одну команду, я создал файл CLAUDE.md. Это техническое задание для ИИ-агента. Но не абстрактное «сделай красиво», а конкретное:

– Кто целевая аудитория (до сегментов, болей и возражений) – Структура лендинга (какие секции, в каком порядке) – Визуальный стиль (цвета, шрифты, отступы, референсы) – Что делать (адаптив, анимации, SEO) – Чего НЕ делать (стоковые фото, анимации ради анимаций, generic-заголовки)

Это ключевое. ИИ не читает мысли. Он читает файлы. И чем точнее файл – тем точнее результат.

Открыл терминал. Написал: «Начни с hero-секции». Пошёл пить кофе.

Вернулся – готов первый экран. Fullscreen-фото, градиентный оверлей, боковые USP-панели, CTA-кнопки, автослайдер. Код чистый. Адаптив работает. Я не поправил ни символа.

Дальше – секция за секцией. Блок преимуществ. Социальное доказательство. Калькулятор. Каталог. FAQ. Футер.

За вечер собрал: – Полноценный лендинг – Модальные окна – SEO-разметку (title, description, OG-теги, schema.org) – AEO-разметку

Тут остановлюсь.

AEO – это Answer Engine Optimization. Оптимизация под ИИ-поисковики: ChatGPT, Perplexity, Gemini, Яндекс Нейро.

SEO – это когда ваш сайт находят в Google. AEO – это когда ИИ-ассистент цитирует ваш сайт в ответе на вопрос пользователя.

Разница колоссальная. В SEO вы боретесь за клик. В AEO – за то, чтобы стать источником, на который ссылается искусственный интеллект. И прямо сейчас за эту территорию почти никто не борется. Пустое поле. Заходи и бери.

Claude Code добавил AEO-разметку в лендинг автоматически. Структурированные данные, FAQ-schema, speakable-разметку. Я просто указал это в CLAUDE.md.

– 8 200 строк кода – 0 строк написано руками – 0 ₽ бюджет – 1 вечер от идеи до готового сайта

Студийный аналог: 200 000–400 000 ₽. Сроки: 1–2 месяца. Правки: ещё месяц.

Но дело не в экономии. Дело в скорости итераций. Когда сайт стоит 300 тысяч и делается два месяца – ты боишься менять. Когда он стоит 0 и делается за вечер – ты тестируешь гипотезы каждую неделю.

Маркетинг – это не про «сделать один раз правильно». Это про «проверять быстрее, чем конкуренты».

И не надо.

Я не писал код. Я писал ТЗ на человеческом языке. «Сделай секцию с отзывами в формате карусели, максимум 3 отзыва на экране, с фото и именем, адаптив на мобилке в одну колонку». Всё.

Это может повторить маркетолог. Дизайнер. Предприниматель. Основатель стартапа. Человек, который ни разу в жизни не открывал терминал. Серьёзно.

Единственный навык, который нужен: умение внятно описать, что ты хочешь получить. Если вы писали ТЗ подрядчику – вы уже умеете писать ТЗ для Claude Code. Только этот подрядчик не пропадает, не срывает дедлайны и не приходит с «а мы так поняли».

Я подумал: если я смог – может любой. Но «может» и «сделает» – между ними стена. Стена из незнания, с чего начать.

Поэтому я описал весь процесс в гайде. 20 страниц. Пошагово. Как IKEA-инструкция – только для лендингов и без лишних деталей.

Что внутри:

10 шагов – от «у меня ничего нет» до «сайт в интернете». Каждый шаг – конкретное действие с результатом.

Шаблон CLAUDE.md – готовый файл, который копируешь и адаптируешь под свою нишу. Не надо придумывать с нуля, структура уже продумана.

Промпты для каждой секции – hero, преимущества, социальные доказательства, CTA, FAQ. Бери и вставляй.

Чек-лист конверсии на 27 пунктов – средняя конверсия лендинга в рунете 2–4%. После этого чек-листа – 10%+. Проверено на реальном кейсе с замерами.

12 лайфхаков от зарубежных вайбкодеров – люди, которые уже год собирают продукты через ИИ-агентов. Их грабли – ваша экономия времени.

Реальный кейс со скриншотами – не «а вот можно было бы», а «вот что получилось, вот как выглядит, вот конверсия».

Работает для любой ниши. Услуги. Товары. SaaS. Мероприятия. Личный бренд. Меняется контент – алгоритм один.

Окно возможностей. Прямо сейчас ИИ-инструменты для создания сайтов – это как SEO в 2010 году. Кто начал тогда – до сих пор собирает трафик. Кто начнёт через три года – будет платить в 10 раз больше за тот же результат.

Vibe coding (создание продуктов через ИИ-агентов) – это не хайп. Это новый стандарт. Через год «я собрал лендинг за вечер» будет звучать так же обыденно, как «я сделал сторис в Canva». Но сейчас это конкурентное преимущество.

Пока ваши конкуренты два месяца согласовывают макет – вы уже запустились, собрали данные, перезапустились с новой гипотезой и вышли на конверсию 10%.

Скорость – это не просто удобство. В маркетинге 2026 года скорость – это стратегия.

Гайд бесплатный. PDF, 20 страниц. Ссылка – [ТЫК].

P.S. Этот PDF тоже сделан с помощью Claude. Без дизайнера. Без верстальщика. Без иронии.

P.P.S. Если после прочтения соберёте свой лендинг – скиньте в комменты. Интересно посмотреть, что получается у людей из разных ниш.