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

Сайт для бизнеса за вечер: вайб-кодинг с нейросетью

Опишем бизнес словами, получим одностраничный сайт одним HTML-файлом, проверим на телефоне, добавим контакты и карту и опубликуем на хостинге.

30 минут 10 шагов Claude, DeepSeek Обновлено 16 октября 2026

Что получится

  • Одностраничный сайт-визитка
  • Кнопки звонка, мессенджера и маршрута
  • Опубликованный сайт и сохранённый исходник

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

  • 1Описание услуг, цены и контакты
  • 2Аккаунт DeepSeek или доступ к Claude
  • 3Домен и хостинг (для публикации)
Вайб-кодинг — когда вы описываете сайт словами, а нейросеть пишет код. Подходит для визитки, лендинга или страницы услуги. Для интернет-магазина с оплатой и личным кабинетом всё равно понадобится разработчик. Claude недоступен в России официально — подробнее в разделе «Доступ из России» на странице Claude; DeepSeek работает без ограничений.
1

Опишите бизнес и цель сайта

Промпт
Мне нужен сайт-визитка для мастерской по ремонту обуви в Самаре.
Цель — чтобы звонили и писали в мессенджер.
Услуги и цены: [список]. Адрес и график: […].
Предложи структуру сайта на одной странице.
2

Утвердите структуру и тексты

Попросите тексты для каждого блока. Проверьте цены, адрес и телефон — их нейросеть может исказить.

3

Получите код страницы

Промпт
Сверстай этот сайт одним файлом index.html: HTML, CSS и немного JavaScript внутри, без фреймворков.
Адаптив под телефон, кнопки «Позвонить» и «Написать» с ссылками tel: и на мессенджер.
Спокойный дизайн, цвета: [цвета].
4

Откройте сайт у себя

Скопируйте код в текстовый файл, сохраните как index.html и откройте двойным щелчком — сайт откроется в браузере. В Claude страницу видно сразу в окне предпросмотра.

Если вместо сайта видите текст кода — проверьте, что файл называется index.html, а не index.html.txt.
5

Правьте по одному изменению

Просите одно изменение за раз и проверяйте результат: «увеличь шрифт в шапке», «добавь блок с отзывами», «кнопку сделай зелёной». Так проще понять, что сломалось, если что-то пошло не так.

6

Проверьте на телефоне

Большинство посетителей придут с телефона. Откройте файл на смартфоне или включите мобильный режим в браузере (F12 → значок телефона). Кнопки должны нажиматься пальцем, текст — читаться без увеличения.

7

Добавьте карту и контакты

Промпт
Добавь блок «Как нас найти»: адрес, график, кнопка «Построить маршрут» со ссылкой на Яндекс Карты по адресу [адрес].
8

Настройте заголовок для поиска

Промпт
Добавь в код title и meta description для поиска: ремонт обуви в Самаре,
до 60 и до 160 символов. И favicon-заглушку.
9

Опубликуйте сайт

Купите домен и простой хостинг у российского регистратора — у большинства есть загрузка файлов через панель управления. Загрузите index.html в корневую папку сайта.

Если что-то непонятно в панели хостинга — опишите нейросети, что видите на экране, и попросите пошаговую инструкцию.

Если на сайте есть форма с именем и телефоном, нужна политика обработки персональных данных и согласие посетителя (152-ФЗ).
10

Проверьте и сохраните исходник

  • Откройте сайт с телефона и компьютера.
  • Нажмите все кнопки и ссылки.
  • Сохраните index.html у себя — это ваш исходный код для будущих правок.
Чтобы обновить цены или график, откройте файл в нейросети и попросите поправить нужное место.

Типичные ошибки

Ошибка

Попросили «сделай сайт» без описания бизнеса.

Как правильно

Начните с услуг, цен, адреса и цели.

Ошибка

Десять правок одним сообщением — что-то сломалось.

Как правильно

Одно изменение за раз.

Ошибка

Не проверили телефон и адрес в тексте.

Как правильно

Сверьте контакты вручную.

Ошибка

Потеряли исходный файл.

Как правильно

Храните index.html у себя.

Чек-лист запуска

Урок был полезен?
Сервис урока недоступен в России напрямую. Как зарегистрироваться и оплатить без зарубежной карты