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

> Лендинг за вечер без кода и дизайнера: Claude пишет структуру и тексты, Bolt.new собирает живой сайт с превью и публикацией — ссылка готова к концу вечера.

Источник: https://aifirstclub.ru/guides/lending-za-vecher · AI First Club · 2026-06-22

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

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

Если с самим Claude пока на «вы» — сначала загляни в [Claude с нуля](/guides/claude-s-nulya), там про первый разговор с ИИ. А этот гайд — про конкретный результат: рабочий сайт к концу вечера.

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

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

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

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

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

> Bolt принимает оплату через Stripe, и российские карты там напрямую не проходят. Но для лендинга за вечер платить не надо вообще — бесплатного тарифа достаточно, и карта на нём не спрашивается. Когда дорастёшь до платного, оплату из России разбираем отдельно: [доступ к ИИ из России](/guides/dostup-k-ii-iz-rossii).

## 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 уже встроены, ничего отдельно поднимать не надо.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

> В курсе [«Claude Code: с нуля до Pro»](/courses/claude-code-s-nulya-do-pro) есть урок «Свой сайт за вечер» — там собираем лендинг уже в Claude Code: структура, тексты, вёрстка и превью в браузере.

---

Вот и весь секрет: ты ведёшь, ИИ делает. Тексты — на Claude, сборка — на Bolt, и к концу вечера у тебя живая ссылка. Хочешь поймать то же чувство на чём-то ещё — собери [первый проект за вечер](/guides/pervyi-proekt-za-vecher), а если впереди настоящий запуск продукта — изучи [деплой первого продукта](/guides/deploy-pervogo-produkta).

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

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

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

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

### Можно ли оплатить Bolt из России?
Напрямую российская карта не пройдёт — Bolt принимает оплату через Stripe. Хорошая новость: чтобы собрать и опубликовать лендинг, платить не нужно вовсе. А когда дорастёшь до Pro, варианты оплаты из России разобраны в гайде [доступ к ИИ из России](/guides/dostup-k-ii-iz-rossii).