Как сделать сайт с помощью ИИ своими руками: от идеи до домена

Сайт для бизнеса в 2026 году можно собрать без студии, без фрилансера и без конструктора с ежемесячной платой. Достаточно ИИ-агента, пары вечеров и этого руководства. Результат - настоящий сайт на своём домене, который принадлежит вам целиком: код, тексты, дизайн.

Сайт Агентуры, на котором вы читаете эту статью, собран ровно так: ИИ-агент писал код и тексты, человек ставил задачи и принимал работу. Ниже - весь путь по шагам: что поставить, сколько это стоит, как сформулировать первую задачу агенту и как вывести сайт в интернет.

Кому подходит этот путь

Подход называют вайбкодингом: вы описываете желаемое обычными словами, ИИ-агент превращает описание в работающий код. Знание программирования при этом излишне - ваша роль ближе к роли заказчика, который принимает работу у очень быстрого исполнителя.

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

Что понадобится и сколько это стоит

Весь набор - три пункта:

• ИИ-агент для кода. Рабочая лошадка руководства - Claude Code: терминальный агент от Anthropic, который сам пишет файлы, запускает команды и проверяет результат. Альтернатива - Codex от OpenAI, принцип тот же.
• Подписка на модель. Тариф Claude Pro стоит 20 $ в месяц - для сборки сайта его хватает с запасом. Платить за каждый запрос по API дороже и сложнее. Из России подписку оплачивают зарубежной картой или через сервисы-посредники; посредники формально нарушают правила Anthropic, аккаунт могут заблокировать вместе с подпиской - поэтому код сайта с первого дня храните в Git, тогда блокировка стоит только новой регистрации.
• Сервер и домен. VPS у российского провайдера - от 300 ₽ в месяц, домен в зоне .ru - от 200 ₽ в год.

Для сравнения: конструктор сайтов берёт 500-1500 ₽ в месяц бессрочно, а сайт при этом живёт на чужой платформе. Студия возьмёт за лендинг от 80 000 ₽.

Как это устроено: вы ставите задачи, агент пишет код

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

Второй приём - просите агента объяснять. «Расскажи простыми словами, что ты сейчас сделал и зачем» - уместный вопрос на любом шаге. Так вы постепенно начнёте понимать устройство собственного сайта.

Шаг 1. Стартовое задание агенту

Установите Claude Code по инструкции с официального сайта, создайте пустую папку под проект и напишите первую задачу. Хорошее стартовое задание отвечает на четыре вопроса: что за бизнес, кто аудитория, какие страницы нужны, какое действие должен совершить посетитель.

Сделай сайт для студии декора мероприятий. Аудитория - организаторы свадеб и корпоративов в Москве. Страницы: главная с портфолио, услуги, контакты. Целевое действие - заявка через форму. Стиль - минимализм, много воздуха, крупные фотографии. Используй современный стек со статической сборкой, чтобы сайт был быстрым и его было просто разместить на обычном VPS. Прежде чем писать код, задай мне уточняющие вопросы и покажи план.

Последняя фраза - важная. Агент задаст 5-7 вопросов про цвета, тексты и структуру, предложит план, и только после вашего «да» начнёт писать код. Такой порядок избавляет от переделок.

Шаг 2. Первая версия за вечер

Через 10-20 минут работы агента у вас будет первая версия. Агент сам запустит локальный предпросмотр и даст ссылку вида localhost:4321 - откройте её в браузере и смотрите.

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

Шаг 3. Дизайн: как уйти от «сайта от нейросети»

Первая версия почти всегда выглядит шаблонно. Три рабочих способа поднять уровень:

• Покажите образцы. Скиньте агенту 2-3 ссылки на сайты, чей стиль нравится, и попросите разобрать, за счёт чего они выглядят дорого: типографика, сетка, отступы, анимации.
• Задайте систему. Попросите агента сначала описать дизайн-систему - цвета, шрифты, радиусы, отступы - и дальше держаться её на всех страницах.
• Итерируйте по скриншотам. Агент умеет смотреть на снимок страницы и сравнивать с задуманным. «Сделай скриншот главной и скажи, что выглядит слабо» - удивительно продуктивная команда.

Шаг 4. Сохраните работу на GitHub

GitHub - бесплатное хранилище кода с историей всех изменений. Попросите агента: «создай приватный репозиторий и сохраняй туда каждую законченную правку». Теперь любую неудачную переделку можно откатить одной командой, а сайт застрахован от гибели ноутбука.

Это же место - точка, откуда сайт будет попадать на сервер.

Шаг 5. Публикация: сервер и домен

Сайт на вашем компьютере видите только вы. Чтобы он появился в интернете, нужны VPS и домен.

1. Арендуйте VPS у российского провайдера (Beget, Timeweb, Reg.ru) - минимальный тариф, Ubuntu.
2. Купите домен там же или у регистратора и укажите в настройках DNS адрес вашего сервера (A-запись).
3. Отдайте агенту доступ к серверу (адрес, логин, ключ) и поставьте задачу: «настрой сервер и опубликуй сайт на домене, с HTTPS».

Агент сам поставит веб-сервер, выложит файлы и выпустит бесплатный сертификат Let’s Encrypt. Через 15-30 минут сайт открывается по вашему адресу с замочком в браузере.

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

SEO с первого дня

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

• у каждой страницы свой заголовок с ключевой фразой и описание;
• заголовки h1-h2 отражают запросы, по которым вас ищут;
• есть карта сайта (sitemap.xml) и файл robots.txt;
• страницы открываются быстро: статика, сжатые изображения;
• подключена микроразметка организации и услуг (schema.org).

Затем зарегистрируйте сайт в Яндекс Вебмастере и Google Search Console - агент подскажет, куда вставить коды подтверждения. Для сбора статистики хватит Яндекс Метрики: вебвизор, карта кликов и цели на отправку формы.

Подводные камни

Когда лучше позвать команду

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

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

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

Сколько времени займёт сайт с нуля? Первая версия - вечер. Приличный вид, тексты, публикация на домене - 2-4 вечера в спокойном темпе.

Нужно ли уметь программировать? Нет. Нужны внятные формулировки и готовность принимать работу: смотреть, сравнивать с задуманным, требовать правок.

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

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

Подойдёт ли это для интернет-магазина? Для витрины с заявками - да. Полноценный магазин с оплатой и учётом - уже продукт: старт тот же, но на этапе денег и интеграций разумно подключить команду.

Что запомнить

• Сайт с помощью ИИ - реальность 2026 года: вечер до первой версии, ~3 000 ₽ в первый месяц, дальше только сервер и домен.
• Ваша роль - заказчик: чёткие задачи, приём работы, итерации. Технологии выбирает агент.
• GitHub с первого дня: история изменений - ваша страховка от любых переделок.
• SEO и метрику закладывайте на старте, а деньги и юридику проверяйте лично.
• Упёрлись в потолок - это признак роста: прототип подтвердил спрос, дальше его доводят до продукта.