Соберите сайт любой сложности за вечер без кода и конструкторов – голосовыми в Telegram

Раздел 01Что вы получите – картинка финала

Стоите в очереди в кофейне. Открываете Telegram, нажимаете микрофон и говорите: «собери одностраничник под мой курс по фотосессиям, аудитория – мамы 30 плюс, цель – запись на бесплатный разбор». Через 3–5 минут в чат прилетает HTML-файл.

Открываете двойным кликом – на экране живой сайт. Со всеми блоками, цветами, кнопками. Хороший. Не идеальный, но рабочий – с такого можно уже собирать заявки.

Дальше – правки в том же чате. «Поменяй фото на втором экране, сделай кнопку зелёной, в FAQ добавь вопрос про возврат денег». На каждое сообщение бот через минуту присылает новую версию. Десять-пятнадцать итераций – и сайт собран ровно таким, каким вы его видели в голове.

В конце – одно сообщение: «залей на сервер, домен fotomama.ru, я его уже купил». Через 10 минут сайт открывается в браузере по этому домену. С зелёным замочком. Из любой страны.

Это всё. Ноутбук вы не открывали. В терминал не лезли. Ни одной команды руками не вводили.

Раздел 02Из чего собрана система

Система состоит из четырёх частей. Каждая стоит копейки или вообще бесплатно. Главное – понимать, как они соединяются между собой.

Четыре кирпича

• Claude Code – мозг. Думает, пишет HTML, разбирается с серверами, управляет файлами.
• VPS – круглосуточный компьютер в Европе. На нём живёт Claude и ваш бот.
• Telegram-бот – интерфейс. Через него вы отдаёте команды голосом или текстом.
• Домен – адрес сайта в интернете. Без него страница открывается только у вас на компьютере.

Как они соединяются

Логика простая. Вы пишете боту в Telegram – бот передаёт вашу команду Claude на сервере – Claude собирает HTML – бот отдаёт его вам файлом. Если просите опубликовать – Claude кладёт файл в папку сервера, который раздаёт его по вашему домену в интернет. Вот и вся схема.

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

Раздел 03Регистрация Claude из России

Прямая регистрация с российского номера и российской карты не работает. Но есть рабочий путь, его проходят за 30 минут. Нужны три вещи: VPN, иностранный номер для SMS и аккаунт на claude.ai.

Раздел 04Оплата Claude из России

Для нашей задачи нужен тариф Pro – $20 в месяц. Бесплатный Claude в браузере – это только чат, без агентских функций. А нам нужен именно Claude Code, который умеет лазить по серверу и публиковать файлы. Он работает только на платных тарифах.

Российские карты на сайте Claude напрямую не проходят. Вот три рабочих способа.

Раздел 05Покупка VPS на Timeweb

VPS – это арендованный компьютер в интернете, который работает 24/7. Именно на нём будет жить Claude и ваш бот. Платите 1500–2000 рублей в месяц – получаете сервер, который никогда не выключается.

Зачем сервер не в России

Anthropic блокирует подключения с российских IP. Если Claude попробует выйти к их серверам с московского IP – получит мгновенную блокировку аккаунта. Поэтому VPS берём в Европе: Германия, Нидерланды или Финляндия. Тогда все запросы к Anthropic идут с европейского адреса – легально и без флагов.

Где брать

Лучший баланс цены и качества для этой задачи – Timeweb Cloud. Принимает оплату российскими картами (что для зарубежных локаций редкость), интерфейс на русском, поддержка отвечает за минуты. Сервера у них есть в Германии и Нидерландах – ровно то, что нужно.

Какой сервер заказывать

Регистрируетесь на Timeweb через почту или Госуслуги. В верхнем меню – «Облачные серверы», кнопка «Создать сервер». Параметры подбираете под нашу задачу:

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

Когда сервер создан, Timeweb покажет три значения: IP-адрес, логин (обычно root) и пароль. Сохраните их в Notion, заметках или менеджере паролей. Через пять минут будем их использовать.

Раздел 06Установка Claude Code на сервер

Это та часть, где первый раз становится магически. Вместо того чтобы вводить пять команд руками, вы один раз заходите на сервер через консоль браузера – и дальше Claude настраивает сам себя. Вы только смотрите.

Открываем веб-консоль Timeweb

В личном кабинете Timeweb открываете ваш сервер. Там есть кнопка «Консоль» или «Веб-терминал» – нажимаете. Открывается чёрное окно прямо в браузере. Это терминал сервера, никаких отдельных программ ставить не нужно.

curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - && sudo apt-get install -y nodejs

npm install -g @anthropic-ai/claude-code

claude

Эти три команды – единственное место во всём гайде, где вы вводите что-то в терминал руками. Дальше всё делается через бот в Telegram.

Раздел 07Создание Telegram-бота

У Telegram есть «бот для создания ботов» – он называется BotFather. Через него за три минуты вы получаете своего личного бота с уникальным токеном.

Раздел 08Связка бота с Claude

Здесь начинается то, ради чего всё затевалось. У вас есть Claude на сервере и токен Telegram-бота. Сейчас мы их соединим – и вы перейдёте на голосовое управление сервером прямо из мессенджера.

Один большой промпт

Вернитесь в веб-консоль Timeweb (там у вас запущен Claude). Если Claude закрылся – запустите заново командой claude. Дальше пишете один большой и подробный промпт:

У меня есть VPS на Timeweb. Доступы:
– IP сервера: 123.45.67.89
– Пользователь: root
– Локация: Германия

У меня есть Telegram-бот. Данные:
– Токен бота: 7234567890:AAH-jKlMnOpQrStUvWxYz1234567890abc
– Мой Telegram user_id: 265489854 (только этот ID
  может пользоваться ботом, остальных игнорируй)

Задача – собрать на сервере полную интеграцию:

1. Поставь библиотеки python-telegram-bot, anthropic,
   requests, python-dotenv.

2. Все секреты (токен бота, мой user_id) сохрани
   в /home/automation/secrets/bot.env с правами 600.

3. Создай скрипт /home/automation/scripts/claude_bot.py
   со следующей логикой:
   – Подключается к Telegram через токен.
   – Слушает входящие сообщения.
   – Если сообщение НЕ от моего user_id – игнорирует.
   – Если текстовое сообщение – передаёт текст
     напрямую Claude как команду для исполнения.
   – Голосовые на этом этапе пока не обрабатывает,
     добавим в следующем шаге.
   – Получает ответ от Claude, отправляет мне
     в Telegram. Длинные ответы режет на части
     по 4000 символов.
   – Если в ответе есть файл (HTML, картинка,
     документ) – присылает его файлом, не текстом.

4. Передача команды Claude:
   – Через headless-режим: claude --print "$КОМАНДА"
     --allowedTools "Read,Write,Edit,Bash,Glob,Grep"
   – Текущая рабочая директория: /home/automation/
   – Системный промпт: «Ты мой персональный ассистент,
     работаешь с файлами в /home/automation/, отвечаешь
     коротко по делу, перед опасными действиями
     спрашиваешь подтверждение».

5. Логи (входящие, ответы, ошибки) – в файл
   /home/automation/logs/bot.log.

6. Заверни скрипт в systemd-сервис claude-bot,
   автозапуск при старте, перезапуск при падении
   с задержкой 10 секунд.

7. После настройки сделай тестовое сообщение
   в Telegram моему user_id: «Бот запущен, готов
   к работе».

В конце покажи весь созданный код и команды,
которые выполнил на сервере.

Claude прочитает задачу, подтвердит план, начнёт работать. Будет задавать уточняющие вопросы – вы отвечаете «да» или поправляете направление. Через 10–15 минут он сам напишет тестовое сообщение в ваш Telegram-бот.

Проверка связи

Открываете в Telegram своего бота – по username, который задавали в BotFather. Нажимаете «Start», пишете «привет». Если через несколько секунд приходит ответ – значит, связка работает.

Дальше всё управление идёт прямо в этом чате. Веб-консоль Timeweb можно закрыть, на сервер вы больше не заходите.

Включаем голосовые

Прямо в чате с ботом пишите ему сообщение:

Подключи себе распознавание голосовых сообщений
через бесплатный Whisper прямо на сервере.

Когда я присылаю голосовое – ты скачиваешь аудио,
локально переводишь в текст (без OpenAI, без
платных сервисов), дальше обрабатываешь
как обычную текстовую команду.

Модель Whisper выбери под русский, чтобы хватало
качества и не тормозило.

После настройки сообщи, что готов, и попроси меня
прислать тестовое голосовое.

Через 5–10 минут бот сам устанавливает Whisper, скачивает модель, перезапускается. Пишет «готов, присылай голосовое». Зажимаете микрофон, говорите «покажи свой статус» – бот распознаёт, выполняет, отвечает.

Раздел 09Покупка домена

Сайт без домена живёт только у вас на компьютере. В интернете его никто не увидит. Поэтому домен – обязательная часть. Стоит копейки, покупается за 5 минут.

Где покупать

Логичнее всего – там же, где взяли сервер. У Timeweb в личном кабинете есть отдельная вкладка «Домены». Это удобно: всё в одном кабинете, привязка к серверу делается в два клика.

Раздел 10Первый сайт голосом

Самая весёлая часть. У вас есть бот, который слушает команды. Есть сервер с Claude. Есть домен. Дальше – собираем первый рабочий сайт. Цикл: бриф → черновик → итерации → публикация.

Шаг 1. Бриф через диалог

Главная ошибка новичков – сразу попросить «сделай сайт про мой курс». Получается универсальная безликая страница. До брифа сайту полезно пройти упражнение по сужению ниши эксперта в одну фразу – тогда заголовок и оффер на лендинге появятся сами. Чем подробнее бриф – тем выше качество.

Я делаю проще: прошу бот задать мне вопросы. В чате с ботом пишите голосом или текстом:

Хочу собрать продающий лендинг.

Сначала задай мне 12 вопросов, чтобы собрать
полный бриф:
– Что я обещаю человеку (главный измеримый результат).
– Три самые сильные боли клиента.
– Пять частых возражений.
– Кейсы с цифрами.
– Отзывы (имена, ниши, результаты).
– Тон сайта (дружеский, экспертный, провокационный).
– Что нравится у конкурентов и что не нравится.
– Чем я отличаюсь.
– Что включено в продукт.
– Гарантии.
– Бонусы.
– Текст CTA-кнопки и куда она ведёт.

Спрашивай по одному, жди мой ответ. После всех
ответов собери бриф и попроси утвердить. Только
потом приступай к сборке.

Бот по одному задаёт вопросы. Отвечаете голосом. В конце он собирает финальный бриф – вы говорите «утверждаю» – он начинает собирать сайт.

Шаг 2. Получение первой версии

Через 2–3 минуты в чат прилетает index.html файлом. Скачиваете на компьютер, открываете двойным кликом – браузер показывает живую страницу. Все цвета, шрифты, кнопки. Можно скроллить, тыкать, переключиться в мобильный режим (в Chrome – F12 → иконка телефона).

Это черновик. Дальше его дотачиваем итерациями.

Шаг 3. Цикл правок

Открытый HTML у вас в браузере = живая версия сайта. Прямо из неё даёте правки боту – голосом или текстом. Примеры команд, которые реально работают:

• «Поменяй заголовок hero на "Путь к цели за 30 дней"».
• «В блоке кейсов добавь четвёртый: Андрей, дизайнер, +400К за 2 месяца».
• «Сделай кнопку красной, бледно сейчас».
• «Убери FAQ – перепиши его на 5 цепляющих вопросов вместо 10 нудных».
• «Добавь моё фото в hero», прикрепляете фото в чат.
• «Сделай блок отзывов на тёмном фоне с белым текстом».

На каждое сообщение бот через 1–2 минуты присылает новый index.html. Перезаписываете старый файл у себя на компьютере, обновляете страницу в браузере – видите результат. Цикл повторяется до состояния «нравится».

Десять-пятнадцать таких итераций – и сайт на экране именно такой, как вы его хотели. Включая мелочи, которые обычно теряются с подрядчиками: точная фраза в hero, верный цвет кнопки, нужный отзыв в кейсах.

Шаг 4. Публикация на сервер

Когда сайт нравится – одно сообщение боту:

Сайт мне нравится. Залей его на сервер.

Домен: fotomama.ru – я его уже купил в Timeweb.

Сделай:
1. Подключи домен к моему серверу (DNS настрой
   в кабинете Timeweb – подскажи мне, какие
   поля там заполнить).
2. Залей сайт на сервер по адресу
   /var/www/fotomama.ru/index.html
3. Настрой nginx, чтобы домен открывал этот файл.
4. Подключи бесплатный SSL через Let's Encrypt –
   чтобы был зелёный замочек.
5. Включи редирект http → https и сжатие.

Когда всё готово – пришли ссылку и скриншот.
Я открою и проверю.

Через 10–15 минут бот пишет: «готово, https://fotomama.ru открывается, вот скриншот». Открываете в браузере – сайт в интернете.

Раздел 11Шесть продвинутых фишек

Базовый цикл уже даёт вам 80% результата. Оставшиеся 20% – это фишки, которые превращают «обычный лендинг» в инструмент с двойной конверсией. Все они подключаются одним сообщением боту.

Фишка 1 – пять референсов вместо абстрактного «красиво»

Найдите 5 сайтов, которые вам визуально нравятся (Awwwards, Dribbble, лендинги крупных брендов). Тот же подход «дать референс – получить HTML под бренд» отлично работает и в продающем вебинаре через Claude – одной строкой про палитру и тон собирается презентация из 30–60 слайдов. Скиньте их ссылки или скриншоты боту с задачей разобрать каждый – цвета, шрифты, отступы, ритм – и собрать единый «дизайн-паспорт» для вашего сайта. Дальше Claude использует этот паспорт во всех правках. Качество дизайна прыгает в разы. Сайт перестаёт выглядеть «универсальным шаблоном».

Фишка 2 – автоматическая проверка на трёх экранах

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

Фишка 3 – Яндекс.Метрика за один промпт

Регистрируетесь в Метрике, копируете номер счётчика. Какие именно цели и метрики на лендинге считать, чтобы воронка не работала вслепую – CAC, CR, LTV, ROMI – разобрано в гайде по воронке эксперта. Боту: «подключи Яндекс.Метрику номер 87654321, настрой две цели – клик по кнопке заявки и успешная отправка формы. Залей правки на сервер». Через минуту счётчик подключён, через сутки в Метрике видите статистику посетителей и заявок.

Фишка 4 – тёмная тема одной командой

«Добавь сайту тёмную тему. Переключатель солнце-луна в правом верхнем углу. Если человек выбрал тёмную – запомни, при следующем заходе сразу открывается в тёмной. Если на устройстве системно стоит тёмная – по умолчанию тёмная. Залей на сервер». За 30 секунд сайт получает второй режим.

Фишка 5 – A/B-тест двух главных экранов

«Возьми мой нынешний hero как версию А. Сделай версию Б с другим заголовком и кнопкой. Половина посетителей видит А, половина – Б, случайно. Каждый показ пиши в Метрику. Через 7 дней напомни мне посмотреть результаты». Через неделю бот сам предлагает: «версия Б дала на 30% больше заявок – переключаем?». Решаете – он переключает.

Фишка 6 – автоматические бэкапы перед каждой правкой

«Перед каждой заливкой нового на сервер сначала сохраняй копию текущей версии. Храни последние 10 копий. Если я когда-нибудь скажу "откати на вчерашнюю версию" – ты берёшь нужную копию и возвращаешь». Один раз попросили – дальше Claude всегда страхует. Сломалось что-то – «верни последнюю рабочую» – через 30 секунд сайт снова в порядке.

Раздел 12Типичные ошибки

Главное правило при любых сбоях: вы не лезете в терминал руками. Никаких systemctl, journalctl, никаких файлов руками. Всё чинит бот – вы только описываете, что не работает. Самые частые ситуации – ниже.

Бот не отвечает

Открываете десктопное приложение Claude (или веб-консоль Timeweb), пишете: «Telegram-бот не отвечает. Зайди на сервер, проверь сервис claude-bot, посмотри последние 100 строк логов, проверь токен Claude и токен Telegram. Если нашёл причину – почини, перезапусти сервис, отправь мне тест в чат». Через 2 минуты бот снова работает.

Голосовые распознаются криво

Самому боту в Telegram: «у тебя косячит распознавание. Принудительно ставь язык русский, переключись на более точную модель Whisper, после распознавания пропускай текст через себя с инструкцией исправить ошибки распознавания по смыслу. Перезапустись и подтверди». Процент кривого распознавания падает в 5–10 раз.

Сайт не открывается по домену

«Зайди и проверь, привязан ли домен к серверу, валидный ли SSL, настроен ли nginx правильно. Если что-то не так – почини, проверь со своей стороны, что сайт открывается, и пришли мне подтверждение». Через 2 минуты сайт работает.

Делают слишком длинный сайт

30 экранов до кнопки – человек не доскроллит. Оптимум – 8–12 смысловых блоков. Лучше короткий и концентрированный, чем длинный и размазанный. Если бот собрал перегруженный сайт – попросите: «сократи сайт до 10 ключевых блоков, оставь самое сильное».

Не тестируют на мобильном

70% трафика приходит с телефона. Каждую крупную правку проверяйте через Фишку 2 – попросите бота сделать скриншоты для трёх размеров. Сэкономите часы переделок.

Гонятся за идеалом и не публикуют

Лучше выкатить «хороший» сайт сегодня и улучшать по ходу, чем три месяца полировать «идеальный» в столе. Быстрее тест – быстрее обратная связь – быстрее результат. Опубликуйте сейчас, через неделю переделаете.