Как создать сайт с помощью ИИ: 4 пути и страница за 40 минут

Какие есть пути сделать сайт нейросетью

Путей 4, и отличаются они не качеством картинки, а тем, что остаётся у тебя на руках: ссылка внутри чужого конструктора, файл index.html или своя папка на хостинге - месте в интернете, куда кладут файлы сайта, чтобы к ним был доступ по адресу. Цены ниже - со страниц тарифов на дату проверки

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

Путь B, конструктор со встроенным ИИ. Российский пример, Tilda: ИИ собирает черновик, дальше двигаешь блоки мышкой. Бесплатный тариф не даёт подключить домен, Personal стоит 750 ₽ в месяц при помесячной оплате и 500 ₽ при годовой. Страница живёт внутри сервиса: перестал платить, адрес встал. Соседняя подборка бесплатных сервисов разбирает эту полку целиком

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

Путь D, Claude Code на своём компьютере. Модель работает прямо в папке проекта и правит файлы сама. Нужна подписка: план Pro стоит $20 в месяц, $17 при годовой, в описании плана строка «Includes Claude Code». Зато проект лежит у тебя и разбирается до каждой строки. Отдельный разбор с Claude Code, 21st.dev и Motion показывает этот путь с уклоном в дизайн

Пути A и D сходятся в одной точке: файл из чата и проект из Claude Code выкладываются в Netlify одинаково, одной и той же папкой. Пути B и C держат страницу у себя - результат остаётся внутри чужого сервиса, а не у тебя на руках

Что нужно до старта: три вещи и ни одной лишней

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

Из нейросетей подойдёт любая с бесплатным уровнем, которая отдаёт длинный текст без обрыва: Claude, ChatGPT, DeepSeek, GigaChat. Файл страницы весит около 8 килобайт, такой ответ выдерживают все

Claude Code - это не сайт в браузере, а окно на компьютере, куда пишешь ИИ обычными словами, что сделать. У большинства программ такое окно называется терминалом: маленькое поле с курсором, работает как строка сообщений в мессенджере - написал задачу, нажал Enter, дождался ответа. Дальше в статье есть команды именно для этого окна. Идёшь путём D, сначала пройди гайд установки Claude Code с нуля: без установки вставлять команды будет некуда

Цитата из документации Claude Code: «The command prints a version number followed by (Claude Code)»

Вот что эти команды ответили у меня 14 августа. Если строка с версией напечаталась, среда готова

Если вторая команда отвечает command not found, не страшно: путь A её не требует, а просмотр сайта сделаем через Python. Если не отвечает ни одна, страницу всё равно откроешь двойным кликом, об этом в Шаге 3

Шаг 1. Промпт, по которому нейросеть соберёт лендинг

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

Почему «один файл»: нейросеть с удовольствием разложит сайт на index.html, style.css, script.js и папку с картинками - лишние сущности, которые ломаются по отдельности, а один файл переносится и публикуется целиком

Почему «ничего не выдумывай»: без этой строки модель дописывает несуществующие регалии и отзывы, а вычищать такую страницу дольше, чем собрать заново

Готовый шаблон - скопируй его целиком (кнопка «Копировать» над блоком, если чат её показывает), вставь в окно, где пишешь ИИ, замени только текст в угловых скобках на свои данные и нажми Enter:

Собери одностраничный сайт для <кто ты, чем занимаешься, город, сколько лет опыта>.
Один файл index.html, стили внутри файла, без внешних библиотек и без картинок из интернета.
Экраны сверху вниз: первый экран с заголовком и кнопкой <целевое действие>,
три блока «что получит клиент», цены на три услуги, один отзыв,
форма записи на mailto:<твоя почта>, подвал с адресом и телефоном.
Мобильная версия обязательна, шрифты системные.
Ничего не выдумывай сверх того, что я написал.

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

Не мастер и не студия - формула та же: род занятий, город, срок опыта, одно отличие. «Репетитор по математике, Пермь, 9 лет, готовлю к ЕГЭ» модели достаточно, абстракция «эксперт по развитию» даёт абстрактную страницу

Я прогнал этот же промпт дважды с чистой папки 14 августа 2026 года, подставив вместо анонимного «кто ты» реальный пример - частного мастера маникюра в Казани по имени Алина, 6 лет опыта, работает на дому. Первый прогон отдал готовый файл index.html за 59 секунд, второй с такой же чистой папки - за 66. После каждого прогона в папке лежал ровно один файл, как и просил промпт

Если страница получилась не такой, не переписывай руками: правки идут той же фразой в том же окне, это Шаг 6

Шаг 2. Забрать файл index.html и положить в папку

На выходе один блок кода, сохрани его в файл index.html внутри своей папки - по этому имени любой сервис размещения понимает, какую страницу открывать первой

Порядок действий, если нейросеть отвечает в браузере:

1. Нажми кнопку копирования над блоком кода
2. Открой любой текстовый редактор, который уже стоит: «Блокнот» в Windows, TextEdit в macOS
3. В TextEdit сначала переключи режим: меню «Формат», пункт «Преобразовать в текстовый формат», иначе файл сохранится с оформлением и в браузере откроется мусор
4. Вставь код и сохрани в папку moy-sayt под именем index.html
5. Проверь, что имя не превратилось в index.html.txt: в Windows включи показ расширений, иначе .txt останется невидимым

Путь D: файл создаёт сама программа в папке проекта, копировать ничего не нужно

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

wc -c index.html
grep -c "section" index.html

У меня 14 августа вышло так: файл весил ровно 7653 байта, и внутри нашлось пять экранов - промпт просил ровно пять, и это первый признак, что модель не срезала углы

Нормальный размер такой страницы - от 5 до 15 килобайт, меньше 2 означает пустую заготовку и повтор промпта

Шаг 3. Проверить сайт у себя, пока его никто не видит

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

Двойной клик открывает index.html по локальному адресу: на Mac он начинается с file:///Users/, на Windows с file:///C:/. Для одностраничного сайта этого хватает: текст, блоки, кнопки и мобильная вёрстка видны как есть

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

python3 -m http.server 8765

Окно ответит строкой Serving HTTP on :: port 8765, страница откроется по адресу http://localhost:8765, а показ выключается сочетанием Ctrl+C. Цифру 8765 можно поменять на любую другую, если эта у кого-то уже занята

Пока показ работает, скопируй и вставь в соседнее окно вторую команду - она снимает два числа: ответ сайта и длину страницы

curl -sI http://localhost:8765/

У меня 14 августа локальный показ открылся и вернул длину 7653 байта - то же число, что дала первая проверка размера файла в Шаге 2, значит между сборкой и просмотром ничего не потерялось

Смотреть страницу нужно в двух ширинах: сузь окно браузера до узкого столбца, текст не должен наезжать и кнопки разъезжаться. Что-то поехало - не чини руками, скажи нейросети словами, что съехало, это Шаг 6

Шаг 4. Выложить сайт бесплатно за пять минут

Самый короткий способ получить адрес - перетащить папку в зону загрузки Netlify Drop по адресу app.netlify.com/drop. Документация Netlify называет это самым быстрым путём к живому проекту: отдельная программа для хранения версий кода не нужна вовсе

Размер, при котором всё работает: до 50 МБ на всю папку целиком и не больше 10 МБ на один файл - таковы пределы документации Netlify, после них загрузка может зависнуть

Второй и третий варианты - GitHub Pages и Cloudflare Pages - работают похоже, но каждый просит завести аккаунт на своём сервисе и разобраться с его собственным способом загрузки файлов. Держать их оба сразу смысла нет: сравнение цен и лимитов - в таблице ниже, свой домен из Шага 5 одинаково встаёт поверх любого из трёх

Потолок трафика у каждого сервиса свой, и цифры разные в разы. Netlify на бесплатном плане даёт 300 кредитов в месяц и списывает 20 кредитов за гигабайт трафика (тарифы Netlify), то есть около 15 ГБ, или порядка полутора миллионов открытий страницы на 10 килобайт. У GitHub потолок другой: «GitHub Pages sites have a *soft* bandwidth limit of 100 GB per month» (GitHub Docs, лимиты Pages) - примерно в семь раз выше. Для страницы о себе, куда приходят из шапки профиля, хватит любого из двух

Открой адрес с телефона, а не только с компьютера - последняя проверка перед тем, как давать ссылку людям

Шаг 5. Поставить свой домен вместо адреса Netlify

Свой домен ставится поверх уже работающего сайта и стоит от 169 ₽ за первый год в зоне .ru. Адрес имя.netlify.app никуда не исчезает, остаётся запасным входом. Сначала публикуешь сайт, потом покупаешь имя - обратный порядок ломает вечер: домен куплен, привязывать не к чему

Цены на первый год, снимок со страницы регистрации Рег.ру на дату проверки:

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

Сертификат безопасности, тот самый замочек в адресной строке, на бесплатном плане Netlify входит в комплект строкой «Add Custom domains with SSL» и выпускается сам после привязки, платить и настраивать отдельно не нужно

Привязка к Netlify сводится к двум записям в панели того регистратора, где куплено имя. Корень домена: запись ALIAS (или ANAME, или CNAME с уплощением) на apex-loadbalancer.netlify.com, а если панель такого типа не умеет - запись A на 75.2.60.5. Поддомен www: запись CNAME на свой адрес вида имя.netlify.app. Дальше в кабинете Netlify раздел Domain management принимает домен, сертификат выпускается сам

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

Если сайт в итоге переедет на Timeweb, тот же путь целиком внутри одной панели - покупка домена и привязка к самому Timeweb - разобран отдельно, со скриншотами: как купить домен и привязать его

Пока домен не куплен, ссылку на netlify.app спокойно ставь в шапку профиля - рабочая, с неё уже приходят люди

Шаг 6. Поправить сайт, когда что-то не нравится

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

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

Мой второй прогон был ровно такой фразой: 59 секунд, файл вырос с 7653 до 10 028 байт, папка заняла 12 килобайт

Файл вырос до 10 028 байт, внутри нашлось три упоминания слова faq (блок частых вопросов встал на место), а вся папка после правки заняла 12 килобайт - проверил это теми же двумя командами счёта, что в Шаге 2, плюс одной командой на размер папки целиком

Липкая кнопка видна только в узкой ширине, проверять её на телефоне или в узком окне браузера

Ещё одна правка, которую стоит просить сразу: «замени все длинные тире на обычный дефис и приведи кавычки к одному виду», экономит потом полчаса вычитки

Папка выкладывается заново тем же движением: та же зона загрузки в кабинете Netlify принимает обновлённую папку, новая версия становится живой без удаления старой

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

diff moy-sayt/index.html moy-sayt-opublikovanniy/index.html

Пустой ответ означает, что файлы совпадают, и выкладывать нечего

Сколько стоит сайт на ИИ и сколько занимает времени

Бесплатный маршрут стоит 0 ₽ до своего имени в адресе, дальше 169 ₽ за первый год домена в российской зоне, а по времени всё укладывается в 40 минут. Сорок минут из заголовка раскладываются по строкам

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

Разовая цена обманывает, поэтому деньги стоит смотреть на горизонте года:

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

Сайт не открылся или выглядит не так

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

Про имя файла отдельно - первая по частоте причина: любой из этих сервисов открывает первым ровно index.html, а Index.html, index.htm или stranica.html не откроет, посетитель увидит перечень файлов вместо сайта

Я воспроизвёл это: переименовал файл в stranica.html, и вместо сайта на экране появился голый список файлов папки - Directory listing for /. Переименовал обратно в index.html - страница вернулась той же секундой, без единой правки внутри неё

Второй по частоте случай - перетащили файл вместо папки, лечение одно: перетащить папку целиком. При открытии file:/// часть вещей ведёт себя иначе, чем в интернете (формы, шрифты, подключения) - разницу проверяй тем же локальным показом из Шага 3

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

Что меняется, когда страница собирается за вечер

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

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

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

Источники

• Документация Claude Code, quickstart - пререквизиты, проверка версии, запуск сессии
• Тарифы Claude - какие планы включают Claude Code и сколько они стоят
• GitHub Docs, лимиты GitHub Pages - потолок сайта 1 ГБ, мягкий лимит трафика 100 ГБ в месяц, 10 сборок в час
• Netlify Docs, быстрый старт Netlify Drop - публикация перетаскиванием папки, лимиты 50 МБ и 10 МБ
• Тарифы Netlify - что входит в бесплатный план, 300 кредитов и 20 кредитов за гигабайт трафика, свой домен с сертификатом
• Netlify Docs, внешний DNS - две записи привязки своего домена и время распространения
• Cloudflare Docs, лимиты Cloudflare Pages - 500 сборок в месяц, 20 000 файлов, 25 MiB на файл
• Тарифы Tilda - бесплатный тариф без своего домена, Personal и Business в рублях
• Тарифы Lovable - бесплатный уровень в кредитах на день и на месяц
• Рег.ру, регистрация домена - цена первого года в зонах .ru, .рф, .com

Шпаргалка: восемь строк от папки до адреса

Весь маршрут пути A, стоимость нулевая

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

Читайте также

Сайт в Claude Code с дизайном

Тот же путь D, но с уклоном в вид страницы

Бесплатные сервисы для сайта

Полка конструкторов и бесплатных сервисов целиком

Как зарабатывать на сайтах

Что делать, когда собирать страницы стало легко