Лендинг в Lovable или в Claude Code: что выбрать новичку

Тебе нужна одна страница под услугу. Мастер хочет запись, фирма хочет заявки на замер, эксперт собирает людей на консультацию. В интернете два самых частых совета: «сделай в Lovable» и «сделай в Claude Code». И оба звучат так, будто это одно и то же.

Разница есть, и она всплывает через месяц, когда надо поменять цену, добавить отзыв или перенести сайт. Разберёмся заранее, чтобы потом не переделывать.

Как собрать сам сайт по шагам, уже есть в уроке по слову САЙТ. Здесь только выбор инструмента.

Что получишь

• понятную разницу между двумя путями на языке своего дела, без терминов
• тест из пяти вопросов, после которого ясно, куда идти тебе
• один бриф лендинга, который подходит и в Lovable, и в Claude Code
• список того, что проверить до оплаты любого из двух

Что нужно до старта

Если Claude Code ещё не стоит на компьютере, вот установка по шагам

• Тексты для лендинга. Кто ты, что продаёшь, кому, почём, как связаться. Их можно подготовить в Алисе AI или в ГигаЧате, оба работают из России без VPN и по-русски, промпт ниже
• Компьютер. Оба инструмента удобнее с компьютера
• Для Lovable - аккаунт на lovable.dev. Цены и условия бесплатного режима смотри только на его странице с тарифами, lovable.dev/pricing. На 29.10.2026 там написано, что начать можно бесплатно: бесплатный план даёт 5 кредитов на сборку в день, до 30 в месяц. Цифры меняются, перед стартом глянь страницу ещё раз
• Для Claude Code - платная подписка Claude. По странице тарифов Claude на 28.10.2026: Pro стоит $20 в месяц при помесячной оплате и $17 в месяц при оплате за год сразу, Claude Code в Pro входит, в бесплатном тарифе его нет. Катерина платит за Pro около 1 900-2 000 ₽ за аккаунт. Для Claude из России нужен VPN
• Проверь, открывается ли сервис у тебя. Если сайт не грузится или не принимает оплату, это решает выбор быстрее любого сравнения

Чем они отличаются на деле

Как это выглядит. Lovable открывается в браузере: слева чат, справа сразу видно сайт. Пишешь «сделай кнопку зелёной», через минуту она зелёная. Claude Code живёт в программе Claude на компьютере, во вкладке Code, или в браузере на claude.ai/code. Ты выбираешь папку на компьютере, и Claude создаёт в ней файлы сайта. По документации Claude в программе есть панель браузера, где можно смотреть сайт, пока он собирается.

Где лежит сайт. В Lovable проект живёт у Lovable. В Claude Code файлы сайта лежат у тебя в папке на компьютере, их можно скопировать на флешку, отправить другому исполнителю, выложить на любой хостинг.

Как платишь. Lovable считает работу кредитами, правки тратят часть лимита, сколько именно, написано у него на странице тарифов. Claude Code входит в подписку Claude, и лимит у неё общий на чат, Claude Code и всё остальное. В обоих случаях много мелких правок подряд быстро съедают запас.

Как публикуешь. В Lovable публикация встроена в сам сервис. Готовый сайт из Claude Code надо выложить отдельно, это ещё один шаг, он разобран в уроке по слову ПУБЛИКАЦИЯ. На каких тарифах Lovable можно подключить свой домен, смотри на его странице тарифов.

Что будет через полгода. Это самый недооценённый вопрос. Если сервис подорожает, перестанет открываться или ты захочешь отдать сайт другому человеку, файлы у себя в папке переживут это спокойнее. С Lovable заранее посмотри в его справке, можно ли забрать код проекта себе и на каком тарифе.

Тест: пять вопросов

Отвечай честно, «да» или «нет».

1. Мне нужно увидеть результат в первый же вечер и не разбираться с файлами
2. Сайт - одна страница, и менять я буду в основном тексты и цены
3. Мне не страшно, что сайт живёт внутри чужого сервиса
4. Я не собираюсь потом добавлять запись, калькулятор, связку с ботом
5. Платить отдельно за ещё один сервис мне нормально

Больше «да» - начинай с Lovable. Быстро увидишь первый вариант, поймёшь, что тебе вообще нужно на странице.

Больше «нет» - иди в Claude Code. Первый вечер уйдёт чуть больше на освоение, зато сайт твой целиком, а подписка Claude пригодится и на тексты, и на таблицы, и на ботов.

Ничья - начни с черновика в Lovable, посмотри, как это выглядит, и собери чистовик в Claude Code по тому же брифу.

Шаги

1. Подготовь бриф в Алисе AI или ГигаЧате

Этот шаг одинаковый для обоих путей. Без брифа любой инструмент сделает красивую пустую страницу.

Помоги собрать бриф для лендинга. Задавай мне вопросы по одному,
дождись ответа и только потом следующий.

Мне нужно узнать от себя:
- чем я занимаюсь и в каком городе
- кто мой клиент и с какой проблемой приходит
- 3-5 услуг с ценами или «от»
- почему выбирают меня: опыт, гарантия, отзывы, работы
- что клиент должен сделать на странице: записаться, оставить заявку, написать
- как со мной связаться

В конце собери всё в бриф одним текстом с заголовками.
Ничего не придумывай за меня: если ответа нет, пиши «уточнить».

Цены, отзывы и сроки бери только свои. Чужие отзывы и выдуманные цифры на сайте подставляют тебя перед клиентом.

2. Путь Lovable

Заходишь на lovable.dev, создаёшь проект, вставляешь бриф и под ним:

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

Правки давай по одной за сообщение. «Поменяй заголовок и цвет и добавь блок» в одном сообщении чаще ломает что-то третье.

3. Путь Claude Code

По документации Claude: ставишь программу Claude для Windows или macOS, входишь в аккаунт, открываешь вкладку Code в боковой панели. Под полем ввода выбираешь окружение Local и папку через Open folder. Лучше заранее создать пустую папку, например «лендинг-маникюр».

Первым сообщением:

В этой папке будет одностраничный лендинг для моего дела.
Бриф ниже. Сделай простой сайт из одного файла index.html,
стили внутри него, без сборщиков и установок.
Блоки: первый экран с предложением и кнопкой, услуги с ценами,
почему я, место под отзывы (свои не придумывай), контакты.
Язык русский. Когда закончишь, открой сайт, чтобы я посмотрела.

[бриф]

Один файл index.html выбран нарочно. Его проще всего выложить потом куда угодно, и в нём сложнее запутаться.

Под полем ввода есть режим разрешений. Для начала поставь Manual: Claude будет показывать каждое изменение и ждать твоего согласия. Так видно, что он делает.

4. Правки и проверка с телефона

В обоих путях: открой сайт на телефоне. Большинство клиентов придёт именно с телефона. Проверь, что кнопка видна без прокрутки, цены читаются, телефон нажимается.

Попроси:

Проверь, как страница выглядит на экране телефона шириной 375 пикселей.
Что съезжает, что мелко, что не помещается? Исправь по одному пункту
и скажи, что поменял.

Где обычно ломается

Кредиты или лимит кончились на середине. Чаще всего из-за десятка мелких правок подряд. Собирай правки списком и отправляй по одной главной, мелочи пачкой в конце.

Сайт красивый, а заявок взять неоткуда. Кнопка ведёт в никуда. Сразу реши, куда идёт клиент: телефон, мессенджер, форма. И проверь кнопку сама, нажав её с телефона.

Выдуманные отзывы и цифры. Оба инструмента охотно заполняют пустые блоки «Анна, 5 звёзд». Перед публикацией ищи на странице всё, чего ты не писала, и удаляй.

Claude Code просит что-то установить. Если ты просила один файл без установок, а он предлагает команды, напиши: «без установок, только index.html». В режиме Manual ты такое увидишь до выполнения.

Зашла не туда. Ищешь сервис через рекламу или ссылку из чата и попадаешь на копию страницы входа. Адреса набирай руками: lovable.dev и claude.ai. Пароль от них нигде больше не вводи, и боты-помощники «с Lovable внутри» тоже не нужны, работай в официальных.

Сервис не открывается или не берёт оплату. Тогда выбор сделан за тебя. Не покупай доступ у посредников с рук, аккаунты отваливаются.

Что дальше

Если выбрала Claude Code и хочешь освоить его спокойно, без паники от новых окон, есть курс «Claude с нуля, 7 уроков». Там от первого чата до работы с файлами и программой на компьютере, по одной вещи в день.

Источники

1. https://claude.com/pricing
2. https://code.claude.com/docs/en/overview
3. https://code.claude.com/docs/en/desktop-quickstart
4. https://lovable.dev/pricing

Ещё уроки