← вся программа
Новичок бесплатнолендингбез кодаbolt

Лендинг за вечер в 2026: тексты с Claude, сайт в Bolt.new — без кода и дизайна

22 июня 2026 г. · 11 мин чтения

Лендинг за вечер в 2026: тексты с Claude, сайт в Bolt.new — без кода и дизайна

У тебя есть идея, и её надо кому-то показать — продукт, услугу, мероприятие. Обычно тут всё и встаёт: где взять дизайнера, где разработчика, сколько это стоит. Так вот, ничего этого не нужно. За один вечер ты соберёшь живой лендинг сам: Claude напишет тексты, а билдер Bolt.new превратит их в настоящий сайт со ссылкой, которую не стыдно скинуть.

Связка простая, и держится она на разделении труда. Claude пишет, Bolt собирает — тебе не нужен ни код, ни дизайнер. Один отвечает за смыслы и тексты, второй — за то, чтобы это превратилось в страницу с кнопками и картинками. Дальше разберём всю цепочку по шагам, на реальном примере.

Если с самим Claude пока на «вы» — сначала загляни в Claude с нуля, там про первый разговор с ИИ. А этот гайд — про конкретный результат: рабочий сайт к концу вечера.

Что понадобится

Список короткий, и почти всё бесплатно:

  • Аккаунт на Claude.ai. Обычный чат, тот самый, где ты уже общаешься с ИИ. Тексты и структуру делаем здесь.
  • Аккаунт на Bolt.new. Браузерный AI-билдер: пишешь ему промпт — он рисует сайт. Регистрация по почте, для старта хватит бесплатного тарифа без всякой карты.
  • Браузер. И всё. Ничего ставить на компьютер не надо, оба инструмента живут в вкладке.

А вот чего точно не нужно:

  • Кода. Ни строчки. Ты вообще не увидишь, что там под капотом, если сам не захочешь.
  • Дизайнера и Figma. Bolt сам подберёт шрифты, цвета и отступы. Поправишь словами, если не понравится.
  • Claude Cowork. Про него ниже — штука реальная, но для лендинга избыточная.
оплата зарубежных сервисов из РФ

Bolt принимает оплату через Stripe, и российские карты там напрямую не проходят. Но для лендинга за вечер платить не надо вообще — бесплатного тарифа достаточно, и карта на нём не спрашивается. Когда дорастёшь до платного, оплату из России разбираем отдельно: доступ к ИИ из России.

Claude Cowork и Design — это про другое

Раз уж зашла речь, давай честно. Ты мог слышать про Claude Cowork — это реальный агентный режим в десктоп-приложении Claude: он получает доступ к твоим локальным папкам и приложениям и сам возится с файлами, делает рутину на компьютере. Мощная штука, но к сборке лендинга отношения не имеет. Гонять её ради одной страницы — как заводить грузовик, чтобы съездить за хлебом.

Ещё есть Claude Design — фича на платном плане, которая рисует визуальные концепты и макеты прямо в чате. Если хочется быстро прикинуть, как страница могла бы выглядеть, ей можно набросать концепт. Но это приятное «по желанию», а не основной путь. Для нашей задачи хватает связки попроще: обычный чат Claude.ai для текстов плюс Bolt.new для самого сайта. На ней и сосредоточимся.

Собираем лендинг по шагам

Возьмём для примера сквозную идею: лендинг небольшого онлайн-курса по акварели. Подставишь свой продукт — шаги те же.

1
Claude придумывает структуру
Открой новый чат и попроси скелет страницы: какие секции нужны и что в каждой. Claude выдаст логичный каркас — обычно это первый экран (Hero), блок выгод, «как это работает», отзывы, частые вопросы и призыв к действию в конце. Не нравится порядок — скажи переставить.
2
Claude пишет тексты
По готовому каркасу проси тексты под каждую секцию: заголовок, подзаголовок, буллеты, кнопку. Сразу задай тон — «тепло и по-человечески, без канцелярита, для новичков». Получишь готовые формулировки, а не рыбу.
3
Claude собирает мета-промпт для Bolt
Теперь хитрость, которая экономит вечер. Попроси Claude свернуть все тексты в один промпт для билдера: тип страницы, цветовая гамма, список секций по порядку и ключевые тексты внутри. На выходе — готовый кусок, который ты целиком вставишь в Bolt.
4
Bolt генерит сайт
Заходишь на Bolt.new, вставляешь мета-промпт в поле и жмёшь отправить. Через минуту-другую справа появляется живое превью настоящего сайта — с твоими текстами, кнопками и секциями.
5
Правишь словами, без кода
Что-то не так? Пиши в тот же чат Bolt обычными словами: «сделай кнопку зелёной», «добавь блок с ценами», «шрифт в шапке крупнее». Меняй по одному элементу за раз — так и токенов меньше уходит, и видно, что именно поменялось.
6
Publish — и ссылка готова
Доволен? Жми Publish. Bolt сам выложит сайт и выдаст ссылку вида имя.bolt.host. Это живой сайт в интернете, который можно открыть с телефона и скинуть кому угодно. Хостинг и HTTPS уже встроены, ничего отдельно поднимать не надо.
Claude выдаёт структуру лендинга кондитерской по секциям
Первый шаг — структура: Claude раскладывает лендинг по секциям, от хиро до каталога, с текстом для каждой.

Промпт 1 — структура

С него начинается весь вечер. Подставь свой продукт в скобки:

промпт

Придумай структуру лендинга для онлайн-курса по акварели для начинающих. Распиши по секциям: что в каждой, в каком порядке и зачем она нужна. Учти, кто целевая аудитория — взрослые новички без художественного опыта. Выведи понятным списком.

Промпт 2 — тексты

Когда каркас устроил, проси наполнение:

промпт

Напиши тексты под каждую секцию этого лендинга: заголовок, подзаголовок, 3-4 буллета и текст кнопки. Тон — тёплый, по-человечески, без канцелярита, для новичков. Не используй штампы и общие слова, пиши конкретно.

Промпт 3 — мета-промпт для Bolt

А это тот самый трюк: пусть Claude сам соберёт задание для билдера.

промпт

Собери из этих текстов один промпт для AI-билдера Bolt.new, чтобы он сгенерировал лендинг. В промпте укажи: тип страницы (одностраничный лендинг), светлая чистая цветовая схема с акцентным цветом, список секций по порядку и готовые тексты внутри каждой. Пиши промпт на английском, компактно и без воды.

сюда скринСними экран Bolt.new сразу после генерации: слева чат с твоим промптом, справа — превью готового лендинга с секциями и кнопками.
Bolt.new: вставленный промпт слева, живое превью лендинга справа.

Правки без кода: как разговаривать с Bolt

Bolt понимает обычный человеческий язык, как и Claude. Никакого «найди в коде строку 142» — просто говоришь, что хочешь увидеть:

ты
Кнопка в шапке слишком блёклая, сделай её ярче и крупнее. И добавь под Hero блок с тремя тарифами.
Claude
Готово. Сделал кнопку в шапке акцентного цвета и крупнее, добавил под первым экраном секцию с тремя тарифами — обнови превью справа.

Главное правило тут — по одному изменению за раз. Не вали в один запрос пять правок: если что-то пойдёт не так, не поймёшь, какая именно сломала. Поменял цвет — посмотрел — пошёл дальше.

вложись в первый промпт

Каждый запрос и каждая правка в Bolt тратят токены. Чем подробнее ты опишешь сайт с первого раза (секции, цвета, тексты, настроение), тем меньше придётся доделывать потом. Поэтому мета-промпт от Claude и экономит вечер: ты приходишь в Bolt с готовым ТЗ, а не лепишь страницу вслепую по кусочкам.

сюда скринСними момент публикации в Bolt: кнопку Publish и/или окно с выданной ссылкой вида имя.bolt.host.
Кнопка Publish в Bolt.new.

Подводные камни, о которых стоит знать заранее

Чтобы вечер не превратился в ночь, держи в голове четыре вещи.

  • Токены на бесплатном тарифе кончаются быстрее, чем кажется. На free у тебя примерно 300 тысяч токенов в день и около миллиона в месяц. Звучит много, но каждый промпт и каждая правка их едят. Отсюда и тактика: подробный промпт сразу, правки по одной.
  • «Сгенерило не то» — не повод паниковать. В Bolt есть история версий: можно откатиться на предыдущую точку, и токены за это не спишут. А если всё совсем уехало — продублируй проект и начни свежим промптом, не ломая то, что уже было.
  • Свой домен — только на платном. На бесплатном тарифе сайт живёт по адресу имя.bolt.host, и для «показать живой сайт» этого за глаза. Красивый домен вроде mycourse.ru подключается на Pro ($25 в месяц): там же убирается брендинг Bolt и дают больше токенов.
  • Оплата Pro из России — отдельная история. Напрямую карта не пройдёт, платят через посредников или зарубежной картой. Но повторюсь: чтобы собрать и показать лендинг, платить не нужно вовсе.
а если Bolt не опубликовал сам

Bolt публикует сайт сам — это самый короткий путь, и обычно других не надо. Но если вдруг захочешь выложить страницу отдельно, есть простой вариант: скачать проект кнопкой Download (ZIP) и перетащить папку на app.netlify.com/drop — Netlify выложит статику бесплатно и даже без регистрации.

Куда расти дальше

Лендинг есть — это уже победа. Если захочется большего:

  • Свой домен и Pro. Когда сайт реально пойдёт в дело, имеет смысл подключить нормальный адрес и убрать брендинг билдера.
  • Другие билдеры — для сравнения. Lovable дружелюбнее по интерфейсу, но бесплатный тариф там совсем скудный (около 30 правок в месяц). v0 от Vercel рисует красивые компоненты и публикует их в один клик на Vercel. А Claude Artifacts собирает HTML прямо в чате бесплатно и даже умеет выложить его по ссылке на claude.ai — для быстрого демо отлично, но своего домена там не будет. Для старта Bolt.new на бесплатном тарифе всё равно удобнее всего: и сборка, и хостинг, и щедрый бесплатный лимит в одном месте.
  • Глубже про публикацию. Когда дойдёшь до серьёзного размещения своего продукта, разбор хостинга и доменов ждёт в гайде деплой первого продукта.

Чек-лист: лендинг готов

  • Claude выдал структуру и тексты под каждую секцию.
  • Claude свернул их в один мета-промпт для Bolt.
  • Bolt сгенерил сайт, ты видишь живое превью.
  • Поправил, что хотел, — по одному изменению за раз.
  • Нажал Publish и получил ссылку имя.bolt.host.
  • Открыл эту ссылку с телефона — сайт живой.
сюда скринСними опубликованный сайт, открытый по адресу имя.bolt.host (в идеале — на телефоне или в отдельной вкладке), чтобы было видно живую страницу и адрес в строке браузера.
Опубликованный лендинг открыт по ссылке bolt.host.

Ещё вчера между «есть идея» и «есть сайт» стояли деньги, дизайнер и месяц ожидания. Сегодня между ними — один вечер и пара промптов.

хочешь по шагам и с практикой

В курсе «Claude Code: с нуля до Pro» есть урок «Свой сайт за вечер» — там собираем лендинг уже в Claude Code: структура, тексты, вёрстка и превью в браузере.


Вот и весь секрет: ты ведёшь, ИИ делает. Тексты — на Claude, сборка — на Bolt, и к концу вечера у тебя живая ссылка. Хочешь поймать то же чувство на чём-то ещё — собери первый проект за вечер, а если впереди настоящий запуск продукта — изучи деплой первого продукта.

Частые вопросы

Нужно ли уметь программировать, чтобы собрать лендинг в Bolt.new?

Нет, ни строчки кода. Claude пишет структуру и тексты, Bolt.new превращает их в живой сайт, а правки ты делаешь обычными словами: «сделай кнопку зелёной», «добавь блок с ценами». Дизайнер и Figma тоже не нужны — шрифты, цвета и отступы Bolt подбирает сам.

Сколько это стоит и хватит ли бесплатного тарифа?

Для лендинга за вечер платить не надо вообще: бесплатного тарифа Bolt достаточно, карту на нём не спрашивают. На free примерно 300 тысяч токенов в день, поэтому тактика простая: подробный мета-промпт сразу, правки по одной. Платный Pro ($25 в месяц) нужен только ради своего домена, снятия брендинга и больших лимитов.

Как опубликовать сайт и показать его людям?

Жми Publish в Bolt — он сам выложит сайт и выдаст ссылку вида имя.bolt.host. Это живой сайт со встроенным хостингом и HTTPS: открывается с телефона, ссылку не стыдно скинуть кому угодно. Красивый домен вроде mycourse.ru подключается уже на платном тарифе.

Можно ли оплатить Bolt из России?

Напрямую российская карта не пройдёт — Bolt принимает оплату через Stripe. Хорошая новость: чтобы собрать и опубликовать лендинг, платить не нужно вовсе. А когда дорастёшь до Pro, варианты оплаты из России разобраны в гайде доступ к ИИ из России.

По гайду получилось, а на своём проекте застрял — знакомо?

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