Назад к блогу
#нейросети#вайбкодинг#сравнение#новичкам

Сайт с помощью нейросети: какая справится и сколько стоит

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

Артём Исламов13 мин чтения
Содержание

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

Конструктор быстрее до первого результата и подходит для визитки, лендинга и небольшого магазина. Вайбкодинг даёт больше свободы: своя админка, свои формы, нестандартные страницы, и сайт остаётся вашим файлами, а не заперт в чужом сервисе. По деньгам разброс огромный: в моём тесте один и тот же сайт обошёлся от 56 до 1461 рубля за прогон. Победила модель за 75 рублей: её сайт сравним с сайтом Claude, а стоил почти в 20 раз дешевле.

Ниже разбор по шагам, а в ролике я показываю всё на экране: как 8 нейросетей получили один и тот же промпт и что у каждой вышло.

Эксперимент от 17 апреля 2026: 8 нейросетей верстают один и тот же сайт в одинаковых условиях.Открыть на YouTube ↗
Главы ролика

Два способа сделать сайт с помощью нейросети

  1. ИИ-конструктор. Вы пишете одно-два предложения о сайте, отвечаете на уточняющие вопросы, сервис генерирует страницы, которые потом правятся в обычном визуальном редакторе. Хостинг и домен обычно подключаются там же. Подойдёт, если нужна визитка или лендинг за вечер и вы не хотите разбираться с серверами. Минус: ограничения сервиса и цена подписки, пока сайт живёт.
  2. Вайбкодинг через агента. Вы ставите ИИ-агента (в ролике это OpenCode, в другом моём ролике Claude Code), объясняете задачу словами, а он сам создаёт файлы проекта, запускает сайт и чинит ошибки. Подробнее о подходе в статье «Вайбкодинг: что это простыми словами и как начать в 2026 году». Плюс: полный контроль и никакой привязки к конструктору. Минус: придётся один раз разобраться, как запустить проект и выложить его в интернет.

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

Какая нейросеть для создания сайтов лучше: 8 моделей на одном промпте

Я купил доступ к 8 моделям и дал им одинаковую задачу: сделать персональный сайт-портфолио на русском языке. Чтобы эксперимент был честным, всё шло через одну программу, один и тот же провайдер и один и тот же промпт. Без дополнительных плагинов, скиллов и режима планирования: сразу режим «build», где модель кодит, а не планирует. Вступление и условия на 0:00.

Программа называется OpenCode. Это бесплатный open-source агент для кода, куда подключается любой провайдер (репозиторий на GitHub, лицензия MIT). Провайдером был агрегатор Polza AI: один API-ключ и один адрес на сотни моделей, оплата в рублях. Ролик вышел при поддержке Polza AI, это стоит знать. Как подключить провайдера, показано на 0:45: в настройках OpenCode выбираете Custom provider, вставляете адрес из документации сервиса и ключ, а затем добавляете модели по названиям.

Список моделей в настройках OpenCode: GLM 5.1, MiMo V2 Pro, GPT-5.3 Codex, Claude Sonnet 4.6, Gemini 3.1 Pro (в итоговый тест она не вошла), Qwen3 Coder Plus и MiniMax. Grok и Kwaipilot на этом кадре не видны. Поле слева задаёт имя модели у провайдера, поле справа показываемое имя.

Одна важная деталь про ключ: в консоли сервиса есть поле «лимит», и для любых экспериментов его стоит ставить, чтобы агент не потратил больше нужного. Я в ролике лимит не ставил (на 2:24), но вам рекомендую. Ключ лучше сразу скопировать и сохранить в надёжном месте, как я и делаю в ролике: у многих сервисов потом его целиком не показывают.

Кто что сделал и сколько это стоило

Стоимость я брал из панели провайдера: это полная цена прогона с моими дополнительными правками, а не одного запроса. Итоговая сумма на семь моделей, которые запустились: 1941 рубль 45 копеек.

Панель расходов у провайдера после всех прогонов: Claude Sonnet 4.6 за 1461 рубль, GLM 5.1 за 82, MiniMax за 159, Xiaomi MiMo V2 Pro за 75, GPT-5.3 Codex за 96. Qwen и Kwaipilot попали в строку «Другое».

Сводка по каждой модели. Тайм-коды ведут к моменту, где она верстает сайт и где показан результат.

  • GLM 5.1 (Zhipu AI), 82 рубля. Рабочий сайт с первого промпта: все вкладки открываются, светлая и тёмная темы переключаются. Слабое место: шрифт так и не подключился, а слово в анимации заголовка прыгает. Верстает на 3:02, результат на 8:46.
  • Grok Code Fast, не запустился. Подключение к провайдеру зависало с ошибкой, и после нескольких попыток я пошёл дальше. Что именно было причиной (модель, провайдер или OpenCode), я не выяснил. Момент на 11:14.
  • GPT-5.3 Codex (OpenAI), 96 рублей. Лучше по дизайну, чем GLM, но с огрехами: разные градиенты в шапке и подвале, резкая граница у размытой шапки. Самый обычный «нейродизайн» из прямоугольных блоков. Верстает на 12:19, результат на 13:19.
  • Claude Sonnet 4.6, 1461 рубль. Сайт мне понравился больше остальных, но сначала пропали отступы по краям страниц («контейнеры»). Я попросил поправить, и это сработало. Есть переключение на следующую и предыдущую статью, хлебные крошки, отзывы со звёздочками. Но по API это самая дорогая модель теста: она «съела» половину моего баланса. Верстает на 15:27, цена названа на 20:09.
  • Qwen3 Coder Plus (Alibaba), 56 рублей. Самая дешёвая и явно самая слабая: отвратительные тени, типографика как у задания за 500 рублей с фриланса, тёмная тема в шапке не включается. Часть времени ушла на падения OpenCode. Верстает на 20:31, результат на 22:26.
  • Xiaomi MiMo V2 Pro, 75 рублей, победитель. Единственная модель, которая сообразила: если в заголовке меняется слово, после него не должно быть других слов, иначе весь заголовок прыгает. Сама сгенерировала картинки к статьям, сделала адаптив, темы, отзывы. Из минусов: кнопка «Войти» выглядит странно, а курсы с ценами модель придумала сама (в промпте я их не просил). Верстает на 25:21, результат на 27:49.
  • MiniMax, 159 рублей. Дороже других китайских моделей, но результат хуже: шрифт без кириллицы, главная страница сначала не отображалась, переключателя темы нет. Верстает на 30:51, разбор на 31:52.
  • Kwaipilot KAT-Coder-Pro V2. Рабочий сайт, но с проблемой отображения кириллицы в блоге и заголовком, который скачет из-за слишком быстрой смены слов. Фаворитом не стала. Верстает на 34:25, результат на 35:57.
Главная страница от Xiaomi MiMo V2 Pro за 75 рублей. Единственная модель, где слово в заголовке меняется без прыжков остального текста.
Версия Claude Sonnet 4.6 в светлой теме. Сайт хороший, но пришлось отдельным запросом вернуть отступы по краям.

Итог, который я сформулировал в конце ролика (на 37:21): самая дешёвая из нормальных моделей дала результат, сравнимый с Claude, а Claude сделал хорошо, но для такой задачи неоправданно дорого. Это именно моё впечатление от внешнего вида: качество кода я в этом тесте не проверял.

Как читать этот тест

Результат зависит от промпта, программы и версий моделей на день записи. Сайты оценивались на глаз, без проверки качества кода и без дизайн-скиллов. Это одна задача, а не универсальный рейтинг.

Типичная проблема всех моделей: шрифт выбран не тот и не поддерживает кириллицу. Здесь серифный шрифт у GLM 5.1, который я не просил.

Как сформулировать задачу: промпт-ТЗ для сайта

В ролике на 5:05 я показываю свой промпт. Он состоит из четырёх частей: стек, стиль, страницы и навигация с текстами. Ниже кадр с оригиналом и заготовка, упрощённая для повтора: в ней добавлен пятый блок про результат. Подставьте своё, и шансов получить от любой модели нужный сайт станет больше.

Мой промпт из эксперимента: стек (Next.js, Shadcn, Anime.js), описание стиля, список страниц и навигация. Одна и та же заготовка ушла всем моделям.
Сделай сайт-визитку для [кто вы и чем занимаетесь] на русском языке.

## Стек
- Next.js + TypeScript
- Тёмная и светлая тема (по умолчанию тёмная)
- Только фронтенд, без базы данных. Тексты для блога и отзывов бери из локальных JSON-файлов, если их нет, придумай сам.

## Стиль
Минималистичный дизайн в духе Linear и Stripe. Много воздуха, крупная типографика,
мягкие скруглённые углы, тонкие границы, один акцентный синий цвет.
Шрифт обязательно с поддержкой кириллицы (например, Inter).

## Страницы
/ главная, /blog список статей, /blog/[slug] статья,
/services услуги, /contacts контакты.

## Навигация и тексты
Шапка: логотип и пункты меню, переключатель темы.
Заголовок главной: [ваш заголовок]. Тексты остальных страниц: [или попроси придумать].

## Результат
Сайт запускается локально одной командой. В конце напиши, как его запустить.

Что я бы добавил после своего эксперимента. Во-первых, явно укажите шрифт: именно из-за этого у многих моделей поехала кириллица. Во-вторых, опишите поведение анимаций (например, «слово в заголовке меняется, остальной текст не прыгает»). В-третьих, прикладывайте скриншоты сайтов, которые вам нравятся: модели хорошо подхватывают ориентиры. Общие правила составления задач есть в статье «Как писать промпты: формула из пяти частей, которая работает в любой нейросети».

И последнее. Если после первого запуска что-то выглядит не так, не переписывайте промпт заново. Опишите проблему словами или вставьте текст ошибки из консоли браузера в чат. С MiniMax это сработало частично (на 32:58 я копирую ошибку и отдаю модели), а Claude вернул отступы с одного сообщения.

Ошибку из консоли браузера можно просто скопировать в чат с агентом: так я просил MiniMax починить главную страницу.

Можно ли создать сайт с помощью нейросети бесплатно

Короткий ответ: черновик можно получить бесплатно, живой сайт без расходов почти никогда не получится. Что и сколько стоит на практике:

  • Нейросеть. У ИИ-конструкторов обычно есть бесплатный тариф с ограничениями (например, ограничения по числу генераций или без своего домена). В вайбкодинге платите за токены по API (мой тест: от 56 до 1461 рубля за прогон одной модели с моими правками) либо за подписку на агента, где лимиты общие.
  • Домен. Платная вещь, обычно от нескольких сотен рублей в год, зависит от зоны.
  • Хостинг или сервер. Для простого сайта хватает недорогого хостинга или VPS. У конструкторов он входит в тариф.
  • Ваши правки. Каждая итерация с агентом тратит токены. Первый прототип это только начало: каждый передизайн блока тоже съест какое-то количество токенов, я говорю об этом в ролике.

Если нужно сэкономить, начните с бесплатного тарифа конструктора или с недорогой модели вроде MiMo, которая победила в моём тесте за 75 рублей. Если ещё не оплачивали зарубежные модели, посмотрите страницу «Как оплатить нейросети из России».

От идеи до сайта в интернете: как это выглядит на практике

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

Ролик от 17 февраля 2026: как я сделал свой сайт с админкой и анимациями, общаясь с нейросетью словами.Открыть на YouTube ↗
Главы ролика
Главная страница моего сайта, собранная ИИ за два вечера. На кадре локальная версия, до публикации.

Рабочий порядок у меня был такой.

  1. Идея и структура. Я описывал, какие страницы нужны и что на них должно быть, и спрашивал у ИИ, как лучше поступить с каждым блоком: какие приёмы дизайна использовать, какие анимации. Раньше это был бы дизайнер, верстальщик и программист, и каждый работал бы по несколько дней.
  2. Локальный запуск. Сайт собирается и запускается у вас на компьютере. Так я его и показываю в ролике, а опубликовал позже, когда доделал. Это прошлая версия сайта, на котором вы сейчас читаете статью: с тех пор я его перерисовал.
  3. Правки словами. Любую доработку я излагаю обычным языком. Пример из ролика: в админке не было быстрого возврата на сайт. Я написал агенту, что в левом верхнем углу админки нужна такая же аватарка, как на главной, чтобы по клику возвращаться на сайт. Больше ничего.
  4. Подтверждение изменений. Агент ищет нужные файлы, читает их, показывает, что и где хочет изменить, и просит разрешения. Я нажимаю Accept, и аватарка появляется на сайте.
Запрос агенту и первые шаги: он сам находит файлы админки и смотрит, как устроена аватарка на главной.
Своя админка для статей: заголовок, адрес, теги, описание и обложка. Её тоже собрал ИИ по описанию.

Теперь про публикацию. В ролике сайт показан локально, и сам момент выкладки я там не снимал, поэтому опишу общий порядок. Чтобы сайт увидели другие, нужны три вещи: адрес (домен), место, где сайт работает круглосуточно (хостинг или VPS), и сам собранный проект. Хорошая новость: деплой тоже можно делегировать агенту. Вы пишете «выложи мой сайт на сервер», а он подсказывает команды и настраивает окружение. Но следить за секретами, паролями и доступами должны вы сами, об этом дальше.

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

Типичные ошибки и безопасность

  • Ключи в открытом виде. API-ключи, пароли от админки и токены нельзя вставлять в код и выкладывать в публичный репозиторий. Храните их в отдельном файле окружения, который не попадает в публикацию.
  • Формы и персональные данные. Если форма собирает телефоны и почты, данные нужно хранить и защищать как положено, а не отправлять в чат с ИИ. Подробнее в статье «Что нельзя отправлять в нейросеть: памятка по безопасности данных».
  • Принять код не глядя. Агент уверенно делает то, что вы написали, но не всегда то, что вы хотели. Смотрите, что он меняет, и проверяйте сайт руками: клики, формы, телефон.
  • Нет проверки на телефоне. В моём тесте я не проверил адаптив на всех сайтах. Откройте сайт на смартфоне до публикации.
  • Нет шрифта с кириллицей. Самая частая беда теста: красивый шрифт без русских букв. Указывайте шрифт в промпте.
  • Всё сразу. Просить в одном сообщении «сделай сайт, админку, оплату и CRM» значит получить кашу. Идите блоками, по одной задаче.
0из 8
Отметьте, что уже сделано
Итог появится здесь. Пункты стоят по важности, начните сверху.
СначалаКлючи и пароли лежат в файле .env, а не в кодеКлюч, попавший в код, легко утекает вместе с ним. Открытые репозитории постоянно сканируют боты, и чужой ключ от платного API быстро начинают тратить.

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

Когда без программиста всё-таки не обойтись

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

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

Прикинуть, что подойдёт именно вам (вайбкодинг, no-code или программист), можно в мини-подборе ниже.

Что хотите сделать?
Сколько готовы потратить?
Когда нужно?
Готовы разбираться сами?
Ответьте на 4 вопроса, и я покажу, какой путь подходит

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

Если хотите пройти этот путь с поддержкой, в курсе «Вайбкодинг» мы по шагам собираем сайты и ботов с ИИ без опыта программирования. А установку агента я разбираю в статье «Как установить Claude Code на Mac и Windows и начать пользоваться».

Что изменилось после записи роликов

Ролик про 8 нейросетей записан 17 апреля 2026 года, а для таких тестов полгода это целая эпоха. Что поменялось к октябрю 2026 года:

  • Claude. Тест шёл на Sonnet 4.6. В сентябре 2026 вышли Opus 5.5 и Sonnet 5.5. Для повтора теста нужно брать уже новые модели, а цены сверять в прайсе провайдера.
  • OpenAI. В тесте участвовала GPT-5.3 Codex, в Codex со входом через ChatGPT она уже объявлена устаревшей. С 23 апреля 2026 года в Codex появилась GPT-5.5, 9 июля вышло семейство GPT-5.6 (Sol, Terra и Luna), а 22 сентября GPT-6 Sol и GPT-6 Luna. На октябрь 2026 года для сложного кода OpenAI рекомендует GPT-6.1 Sol (вышла 29 сентября), а GPT-5.5 уходит из Codex 14 октября 2026 года.
  • Xiaomi. Через пять дней после записи вышла MiMo V2.5 Pro (22 апреля), а 21 сентября 2026 года и MiMo V2.6 Pro. Старая V2 Pro уже числится устаревшей, а новые модели стоят дешевле: после майского снижения цен V2.5 Pro обходится в $0,435 за миллион входных токенов против $1 у V2 Pro. Моего победителя в прежнем виде вы, скорее всего, уже не найдёте, но линейка жива: для повтора теста берите V2.6 Pro.
  • GLM. GLM 5.1 вышла 7 апреля 2026 года, за десять дней до записи. С тех пор Zhipu выпустила GLM 5.2 (в июне) и GLM 5.3 (в августе), повторять тест стоит уже на них. По цене линейка осталась недорогой: на октябрь 2026 года GLM 5.3 стоит столько же, сколько 5.1, а облегчённая GLM 5.3 Flash заметно дешевле.
  • OpenCode. Проект активно развивается: в октябре 2026 года актуальна версия 1.18. Ещё есть подписка OpenCode Go за $10 в месяц с набором недорогих моделей (GLM, MiMo, Kimi, Qwen, DeepSeek).
  • Polza AI. На октябрь 2026 года это 400+ моделей от 80+ провайдеров, оплата картой, через СБП или по расчётному счёту. Условия могут меняться, актуальные смотрите на polza.ai.
  • Конструкторы. Российские конструкторы в 2026 году добавили ИИ-генерацию. Tilda, например, добавила вайбкодинг-функцию для создания сложных блоков.

Цены по API меняются каждый месяц, поэтому перед запуском смотрите прайс-лист провайдера. Главное, что не менялось: подход. Один понятный промпт, один блок за раз и проверка результата руками.

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

Можно ли создать сайт с помощью нейросети бесплатно?

Черновик да: у многих ИИ-конструкторов есть бесплатный тариф, а в вайбкодинге можно начать с недорогой модели. Но домен и хостинг платные, а у бесплатных тарифов конструкторов обычно ограничены публикация и свой адрес. В моём тесте прогон одной модели с моими правками стоил от 56 до 1461 рубля по API.

Какая нейросеть лучше всего делает сайты?

Универсального ответа нет. В моём тесте весной 2026 лучший баланс цены и результата показала Xiaomi MiMo V2 Pro (75 рублей), а самый приятный по дизайну сайт сделал Claude Sonnet 4.6, но стоил 1461 рубль. Модели быстро обновляются, поэтому проверяйте свежие версии.

Нужно ли знать код, чтобы сделать сайт с помощью нейросети?

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

Как сделать дизайн сайта с помощью нейросети?

Опишите стиль словами («минимализм, много воздуха, один синий акцент») и назовите сайты-ориентиры, а лучше приложите скриншоты. Без этого модели выдают одинаковые блоки-плитки. Шрифт с кириллицей укажите явно.

Нейросеть сама опубликует сайт в интернете?

Конструкторы публикуют сами, в одной кнопке. Агентам вроде OpenCode или Claude Code нужен домен и сервер или хостинг: они подскажут команды и помогут с настройкой, но доступы и пароли вы заводите сами.

Сколько стоит сайт, сделанный нейросетью?

Нейросеть: от нуля на бесплатном тарифе конструктора до сотен или тысяч рублей на токены у агента. Плюс домен (обычно сотни рублей в год) и хостинг. Это дешевле студии, но время на правки и проверку ваше.