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

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

Что получится и что понадобится

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

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

Это работающий пример. Картинку можно увеличить нажатием.

Шаг 1. Попробуй сайт прямо сейчас

1. Открой готовый калькулятор.
2. В первом поле оставь 100 — столько задач выполняется за месяц.
3. Во втором оставь 30 — столько минут раньше занимала одна задача.
4. В третьем оставь 12 — столько минут она занимает теперь, вместе с проверкой.
5. Нажми кнопку расчёта.

Что должно появиться: «Освободится 30 ч в месяц». Раньше уходило 50 часов, теперь — 20.

Теперь замени 12 на 40 и повтори расчёт. Сайт должен показать, что времени уходит больше. Это важная проверка: автоматизация не всегда ускоряет работу.

Шаг 2. Сохрани сайт себе

1. Скачай готовый сайт в архиве. Архив — папка, упакованная в один файл для скачивания.
2. На Windows нажми по файлу правой кнопкой и выбери «Извлечь всё». На Mac открой архив двойным нажатием.
3. Открой получившуюся папку.
4. Найди index.html и открой двойным нажатием. Если компьютер спросит программу, выбери браузер.

Что должно появиться: тот же калькулятор, который ты только что проверил.

В папке лежат три файла. Оставь их вместе:

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

Шаг 3. Попроси нейросеть изменить сайт

Сначала сохрани копию рабочей папки. Затем прикрепи три файла к своему ИИ-помощнику, который умеет работать с файлами, и отправь задание:

У меня есть готовый калькулятор времени. Измени заголовок на «Сколько времени я трачу на отчёты». Добавь пояснение: в новое время нужно включать проверку и исправления. Расчёт не меняй. Верни три полных обновлённых файла с прежними именами и объясни, какие из них заменить. Не добавляй выдуманные отзывы и обещания экономии денег.

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

Что проверить: новый заголовок появился, а пример 100 / 30 / 12 по-прежнему даёт 30 свободных часов.

Если хочешь создать сайт с нуля

Можно дать нейросети такое задание вместо готовых файлов:

Сделай простой сайт-калькулятор на русском. Человек вводит число задач в месяц, минуты на задачу до изменений и после. Сайт считает часы до, часы после и разницу. Для 100 задач, 30 минут до и 12 после результат — 30 свободных часов. Если после стало дольше, честно покажи это. Пустые и отрицательные значения не принимай. Сайт должен работать на телефоне и открываться двойным нажатием на index.html. Верни три готовых файла: index.html, style.css и app.js. Без регистрации и формы заявки.

Ответ нейросети может отличаться от нашего примера. Не считай его готовым, пока не повторишь проверки ниже.

Шаг 4. Проверь сайт на простых примерах

При ошибке отправь нейросети конкретное описание: «Ввожу 100, 30 и 40. Должно получиться увеличение времени на 16,7 часа, а сайт показывает экономию. Исправь расчёт и верни готовые файлы».

Меняй по одной вещи. Так проще понять, какое изменение помогло, а какое сломало результат.

Шаг 5. Посмотри на сайт с телефона

Открой ссылку на готовый пример на телефоне. После публикации своего сайта повтори проверку по своему адресу.

Так выглядит пример на узком экране. Все изображения в статье открываются крупнее.

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

Шаг 6. Подготовь публикацию

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

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

Хочу разместить простой сайт из трёх файлов: index.html, style.css, app.js. Помогите создать отдельную папку сайта, подключить мой домен и защищённый адрес HTTPS. Другие сайты в аккаунте не заменять. Подскажите, куда загрузить файлы.

После загрузки открой адрес и повтори расчёт 100 / 30 / 12. Проверь сайт на телефоне.

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

Что делать дальше

Сначала получи один работающий инструмент. Добавление формы заявки, оплаты или личного кабинета — отдельная задача. Красивая кнопка «Отправить» ещё не означает, что заявка куда-то приходит.

Чтобы оценить пользу в деньгах, открой калькулятор окупаемости. Если нужен помощник в переписке, посмотри инструкцию по Telegram-боту.

Дополнительно для публикации

Этот блок можно передать специалисту, который размещает сайт.

Как выбрать способ создания сайта после первого учебного примера

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

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

• Выбирай работу с файлами, если хочешь отдельно менять текст и поля в index.html, оформление в style.css и расчёты в app.js.
• Рассмотри Wix, если нужны генерация страниц, секций и визуальных материалов по запросам, а затем правка через Aria или drag-and-drop редактор.
• Рассмотри Squarespace, если подходит один из трёх вариантов запуска: Blueprint AI Builder, Blueprint AI Templates или ChatGPT.
• Рассмотри Hostinger AI Builder, если нужен выбор между ручным редактированием и изменением всего сайта через чат.
• Сверь лимиты 10Web или Framer заранее, если работа будет регулярно расходовать AI-кредиты.

Что умеет Wix AI

Wix AI создаёт страницы, отдельные секции и визуальные материалы по запросу. После генерации детали можно менять вместе с Aria или вручную через drag-and-drop редактирование.

Для интернет-магазина Wix AI может сформировать галереи товаров, подключение защищённых платежей и инструменты управления запасами. Эти возможности важны, если сайт должен не только показывать информацию, но и принимать заказы.

Созданные в Wix AI сайты автоматически адаптируются к разным размерам экранов и устройствам. Несмотря на это, мобильную версию всё равно следует проверить по конкретным признакам из чек-листа ниже.

Какие варианты предлагает Squarespace

Squarespace перечисляет три способа создания сайта: Blueprint AI Builder, Blueprint AI Templates и ChatGPT. Это не один универсальный сценарий, поэтому перед началом выбери подходящий вариант на официальной странице сервиса.

Работу Squarespace AI поддерживают технологии Open AI, Anthropic и Google. За применение инструмента и контент, который будет опубликован на сайте, отвечает пользователь.

Функция Clarkson внедряется волнами. Она может ещё не отображаться на конкретном сайте, даже если описана в материалах Squarespace.

Чем отличаются режимы Hostinger AI Builder

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

Agentic-режим принимает описание изменений в чате и редактирует весь сайт. Такой способ использует AI-кредиты, поэтому перед серией правок проверь условия тарифа на официальной странице Hostinger.

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

Шпаргалка по разделу «Как выбрать способ создания сайта после первого учебного примера».

Как собрать сайт в конструкторе с ИИ

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

1. Опиши цели бизнеса и желаемый стиль, если создаёшь сайт в Wix AI.
2. Укажи конкретные сведения о бизнесе, аудитории и целях, если работаешь с Hostinger AI Builder.
3. Сократи описание для Hostinger AI Builder до лимита 700 символов с пробелами.
4. Прикрепи изображение или PDF, если они должны служить дизайн-референсом или документом о бизнесе в Hostinger AI Builder.
5. Выбери AI Builder после перехода к созданию сайта в подходящем тарифе Hostinger. Актуальное название кнопки для начала создания проверь в официальной инструкции сервиса.
6. После генерации выбери Manual-режим для ручных правок или Agentic-режим для продолжения работы через чат.
7. Проверь каждую страницу, функцию и формулировку до публикации.

Как подготовить запрос для генерации

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

Для Squarespace подробность запроса влияет на подробность сгенерированного текста. Это не отменяет редактуру: итоговый текст нужно дополнить собственным голосом и уникальными деталями сайта.

Если работаешь в приложении Squarespace с записью блога, учитывай лимит поля запроса в 2002 символа. Не переноси этот лимит на другие поля или режимы, для которых в источнике не указано такое условие.

Как использовать референс

В Hostinger AI Builder к описанию можно приложить изображение или PDF. Изображение может задавать визуальное направление, а PDF может содержать документ о бизнесе.

Само вложение не заменяет текстовое описание. В запросе всё равно укажи сведения о бизнесе, аудитории и целях, соблюдая ограничение 700 символов с пробелами.

Как доработать первую версию

Меняй по одной вещи за раз. Такой порядок помогает увидеть, какое изменение улучшило страницу, а после какого перестал работать текст, стиль или расчёт.

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

В Wix после генерации можно уточнять сайт с Aria и использовать drag-and-drop редактирование. В Hostinger выбор делается между ручной правкой элементов и изменением всего сайта через Agentic-режим.

Источник: wix.com.

Какие платные условия и лимиты проверить до работы

Бесплатный старт не означает, что все функции публикации входят в него. Wix разрешает начать создание сайта бесплатно и без банковской карты, но собственный домен, приём онлайн-платежей и дополнительные функции требуют Premium Plan.

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

• Проверь Premium Plan Wix, если нужен собственный домен, приём онлайн-платежей или дополнительные функции.
• Убедись, что тариф хостинга соответствует требованиям Hostinger AI Builder, до начала создания сайта.
• Учитывай количество сайтов и ежемесячных AI-кредитов в выбранном плане 10Web.
• Не рассчитывай на купон при оплате 10Web: сервис сообщает, что не выпускает купоны или промокоды и не показывает поле для их ввода.

Как устроены AI-кредиты Framer

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

Бесплатное рабочее пространство получает разовый лимит 500 кредитов. В примере Framer рабочее пространство с двумя проектами на Basic Site получает 2,000 AI-кредитов в месяц.

При расходовании 80% месячного лимита администраторы получают предупреждение внутри продукта. При достижении 100% функции, использующие кредиты, приостанавливаются, но уже запущенные запросы могут завершиться.

Неиспользованные кредиты платных планов не переходят в следующий платёжный цикл. Покупать дополнение AI Credits и смотреть расход по рабочему пространству могут администраторы.

Условия Framer приведены по статье, обновлённой 30 сентября 2026 года. Перед оплатой проверь текущие значения и правила на официальной странице сервиса.

Как расходуются кредиты Squarespace

Каждое изображение, созданное в Squarespace Image Studio, расходует AI-кредиты. Если выбрать Story set, сервис создаст набор из четырёх изображений по одному запросу.

Сопоставляй формат генерации с задачей до запуска. Один новый результат создаёт отдельное изображение, а Story set формирует сразу четыре изображения и также относится к работе Image Studio с AI-кредитами.

Что входит в планы 10Web

Лимиты 10Web различаются по количеству сайтов и AI-кредитов в месяц. Не выбирай план только по числу кредитов: сначала проверь, сколько отдельных сайтов должно находиться в аккаунте.

Цена Agency Pro указывается индивидуально и может начинаться от $2.5 за сайт. По курсу ЦБ РФ на 3 октября 2026 года это примерно 209 ₽; точную цену и условия нужно проверить перед оплатой.

Лимиты сайтов и AI-кредитов в планах 10Web на дату проверки

Что делать, если генерация или сайт работают неправильно

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

• Повтори запрос, если Squarespace Image Studio не создал изображение.
• Подожди несколько минут, если сообщение о недоступности Squarespace AI появилось второй раз.
• Проверь, доступна ли функция Clarkson на конкретном сайте: Squarespace внедряет её волнами.
• Проверь, что распакована вся папка, если локальная страница открылась без оформления или не выполняет расчёт.
• Верни предыдущую рабочую версию, если ошибка появилась после замены файлов.
• Отмени последнее изменение и повтори его отдельно, если несколько правок были внесены одновременно.

Если исчезли оформление или функции

В файловом проекте index.html содержит текст и поля страницы, style.css отвечает за цвета, шрифт и расположение, а app.js содержит расчёт. Если часть сайта не работает, сначала определи, к какому из этих файлов относится проблема.

Страница без оформления или расчёта может означать, что распакована не вся папка. На Windows архив распаковывается командой «Извлечь всё», а на Mac открывается двойным нажатием.

Файл index.html открывается двойным нажатием. Если система просит выбрать программу, укажи браузер.

Если ИИ изменил лишнее

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

При работе с готовыми файлами прикрепляй к ИИ-помощнику все три файла сайта. Это даёт ему доступ к структуре страницы, оформлению и расчёту в рамках одного задания.

Если текст выглядит готовым, но ему нельзя доверять

Контент Squarespace AI нужно внимательно проверить. Сервис отдельно рекомендует редактировать созданный текст, добавляя собственный голос и сведения, уникальные для конкретного сайта.

Ответственность за использование Squarespace AI и опубликованный контент остаётся у пользователя. Поэтому проверка должна охватывать не только орфографию, но и каждое утверждение, которое попадёт на сайт.

Источник: support.squarespace.com.

Как проверить сайт перед публикацией и после неё

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

1. Проверь, что после редактирования появился новый заголовок и прежний расчёт 100 / 30 / 12 по-прежнему показывает 30 свободных часов.
2. Введи 100 задач, 30 минут до и 30 минут после изменений: время не должно измениться.
3. Введи 100 задач, 30 минут до и 40 минут после изменений: результат должен показать примерно на 16,7 часа больше.
4. Проверь, что калькулятор не принимает пустые и отрицательные значения.
5. Открой сайт на телефоне и проверь читаемость текста без увеличения.
6. Проверь на телефоне, удобно ли вводить числа в поля.
7. Убедись, что для чтения не приходится двигать всю страницу влево и вправо.
8. После загрузки открой публичный адрес, повтори расчёт 100 / 30 / 12 и снова проверь мобильную версию.

Как проверить функциональный сценарий

Тестируй не только ожидаемый положительный результат. Одинаковые значения до и после изменений должны показать отсутствие изменения времени, а увеличение времени после изменений должно отразиться в результате.

Используй контрольный пример 100 / 30 / 12 после каждой значимой правки и после загрузки сайта. Ожидаемый результат для него составляет 30 свободных часов.

Как проверить мобильную версию

Автоматическая адаптация Wix AI к разным экранам не заменяет просмотр на телефоне. Проверь текст, поля ввода и ширину всей страницы на реальном мобильном экране.

Горизонтальная прокрутка отдельного элемента и необходимость двигать всю страницу для чтения — не одно и то же. В контрольном списке из примера выше проверяется отсутствие горизонтального движения всей страницы.

Как подготовить публичную версию

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

Учебный пример скрыт от поисковиков настройкой meta robots noindex в index.html. Для самостоятельного публичного проекта noindex нужно убрать после проверки контента.

Не помещай пароли и ключи сервисов в app.js, доступный посетителям. Этот файл загружается вместе с остальными материалами страницы и не предназначен для хранения таких данных.

Какие условия нужно перепроверить на официальных страницах

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

• Уточни текущую стоимость Wix Premium Plan и перечень функций, если нужен домен или приём онлайн-платежей.
• Проверь условия ваучера Wix на бесплатный домен сроком на год для выбранного плана.
• Сверь актуальные лимиты сайтов и AI-кредитов для нужного плана 10Web.
• Проверь индивидуальную цену Agency Pro 10Web, даже если указана начальная стоимость от $2.5 за сайт.
• Сверь текущие правила расходования, покупки и обновления AI-кредитов Framer. Доступные сведения обновлялись 30 сентября 2026 года.
• Уточни требования тарифа Hostinger к AI Builder и актуальный путь начала создания сайта в панели.
• Проверь доступность Clarkson и функций создания описаний для поисковой выдачи и alt-текста на своём сайте Squarespace. Последние доступны с Fluid Engine в версии 7.1.

Не ориентируйся на старое название Wix ADI

Если инструкция предлагает начать новый проект именно через Wix ADI, сравни её с текущим порядком на официальной странице Wix. Для нового сайта ориентируйся на актуальные инструменты Wix AI и Wix Editor.

Не переноси условия одной функции на весь сервис

Лимит 2002 символа относится к полю запроса для записей блога в приложении Squarespace. Доступность генерации описаний для поисковой выдачи и alt-текста отдельно связана с Fluid Engine в версии 7.1.

Разовый лимит 500 кредитов относится к бесплатному плану Framer, а пример с 2,000 кредитами в месяц относится к рабочему пространству с двумя проектами на Basic Site. Эти значения описывают разные условия.

В 10Web количество сайтов и кредитов меняется от плана к плану: от AI Starter с 1 сайтом и 100 кредитами в месяц до Agency Pro с 50+ сайтами и 800 или больше кредитами в месяц.

Главное из статьи.

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

Можно ли начать создавать сайт в Wix AI без оплаты?

Начать работу с Wix AI можно бесплатно и без банковской карты. Для собственного домена, приёма онлайн-платежей и дополнительных функций нужен Premium Plan.

Почему функция Squarespace не отображается на моём сайте?

Clarkson внедряется волнами и может быть пока недоступен на конкретном сайте. Если сообщение о недоступности Squarespace AI появилось второй раз, подожди несколько минут перед новой попыткой.

Что произойдёт, когда закончатся AI-кредиты Framer?

При достижении 100% месячного лимита функции, которые расходуют кредиты, приостанавливаются. Уже выполняющиеся запросы могут завершиться.

Переносятся ли неиспользованные кредиты Framer на следующий месяц?

Неиспользованные кредиты платных планов не переходят в следующий платёжный цикл. Просматривать расход и покупать дополнение AI Credits могут администраторы рабочего пространства.

Можно ли использовать промокод при оплате 10Web?

10Web сообщает, что не выпускает купоны или промокоды, а при оплате нет поля для их ввода. Условия приведены на дату проверки.

Что выбрать в Hostinger AI Builder: Manual или Agentic?

Выбирай Manual для ручной правки текста, изображений и секций. Agentic изменяет весь сайт по описанию в чате и расходует AI-кредиты.

Можно ли публиковать текст, который сразу создал Squarespace AI?

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

Источники и проверка

• Free AI Website Builder - Create A Website with AI | Wix.com, wix.com. Прочитано 5 октября 2026.
• Using Squarespace AI, support.squarespace.com. Прочитано 5 октября 2026.
• 10Web Plans and Pricing, 10web.io. Прочитано 5 октября 2026.
• Framer Help: How AI credits and Agent pricing work, framer.com. Прочитано 5 октября 2026.
• How to use Hostinger AI Builder, hostinger.com. Прочитано 5 октября 2026.