Раньше сайт начинался с фрилансера, брифа и трёх недель ожидания. Теперь черновик главной страницы можно собрать за вечер: текст пишет одна нейросеть, баннеры рисует другая, прототип верстает третья. Это не значит, что дизайнер больше не нужен. Это значит, что до встречи с дизайнером у вас уже есть структура, тексты и картинки, а не пустой документ. Разберём по этапам, что именно нейросеть делает хорошо, а где придётся доделывать руками.
С чего начать: структура страниц
Прежде чем писать тексты, нужно понять, из каких блоков состоит сайт. Это самая частая ошибка новичков: люди генерируют красивый текст «о компании», а потом не знают, куда его поставить. Сначала структура, потом наполнение.
Ты веб-стратег. Спроектируй структуру одностраничного сайта.
Продукт: [описание]. Цель сайта: [заявки / продажи / запись].
ЦА: [кто это, что им важно].
Выдай список блоков сверху вниз с краткой целью каждого блока
и подсказкой, что в нём разместить. Без воды.На выходе получите каркас: hero, выгоды, как работаем, кейсы, отзывы, цены, FAQ, форма. Дальше по каждому блоку идёт отдельный промт на текст — не пытайтесь сгенерировать весь сайт одним запросом, результат будет размытым.
Тексты для страниц
Текст — то, что нейросети даётся лучше всего, если давать конкретику вместо «напиши красиво». Каждый блок — свой промт со своими вводными.
Заголовок первого экрана:
Напиши заголовок и подзаголовок для hero-секции сайта.
Продукт: [описание]. ЦА: [описание]. Главная выгода: [одно предложение].
Дай 5 вариантов заголовка по 5-8 слов. Без штампов вроде
«индивидуальный подход» и «команда профессионалов».Раздел «О нас»:
Напиши блок «О компании» для сайта [КОМПАНИЯ].
Чем занимаемся: [описание]. В чём сильны: [список]. О команде: [пара фактов].
Тон человечный, без корпоративного пафоса. 150-200 слов.Описание услуги:
Напиши описание услуги [УСЛУГА] для сайта.
Для кого: [ЦА]. Что входит: [список]. Что получит клиент: [результат].
300-400 слов, простыми словами, с понятной выгодой.Если хочется глубже разобраться в самой механике запросов, посмотрите разбор о том, как написать промт так, чтобы нейросеть выдавала готовый, а не сырой текст. Отдельная большая тема — нейросеть для текстов: там про тон, длину и редактуру под конкретную задачу.
Картинки, баннеры и иконки
Сайт без визуала выглядит как документ Word. Здесь подключаются генераторы изображений: они делают фоновые баннеры, иллюстрации для блоков и наборы иконок в едином стиле.
Фон для hero-секции:
Hero background image for [ТЕМАТИКА] website.
Style: [minimal / bold / editorial / tech / warm], muted colors.
No text, no faces. Clean, professional, works with text overlay.
Aspect ratio 16:9.Иллюстрация для блока:
Flat vector illustration for [ОПИСАНИЕ БЛОКА].
Modern, minimal, palette: [цвета бренда].
Simple shapes, reads well at small size. No text, transparent feel.Набор иконок одним стилем:
Set of 6 line icons for website services section:
[список: доставка, гарантия, поддержка, оплата...].
Consistent stroke width, single accent color [цвет], 1:1, no text.Ключевое слово для иконок и иллюстраций — «единый стиль». Генерируйте их одной серией с одинаковым описанием стиля, иначе блоки будут выглядеть собранными из разных сайтов. Если визуал — слабое место, пригодится подборка промтов для изображений с готовыми формулами под фоны и баннеры.
Собрать всё это в одном месте удобно в Крафти: тексты страниц — в разделе текстовых моделей, баннеры и иконки — в генераторе изображений. Без VPN, на русском, оплата картой РФ. Попробовать.
Прототип и код
Дальше два пути. Первый — конструкторы сайтов и AI-билдеры: вы описываете сайт словами, инструмент собирает готовый макет с блоками, который остаётся подправить мышкой. Это быстрее всего для лендинга и подходит, если не хочется лезть в код. Говорю обобщённо: таких платформ сейчас много, выбирайте по удобству и тарифу, принцип у всех один.
Второй путь — генерация кода через LLM. ChatGPT и Claude уверенно пишут HTML, CSS и JS, особенно под Tailwind. Это нужно, когда требуется нестандартный блок, которого нет в конструкторе:
Напиши адаптивный HTML/CSS код для [КОМПОНЕНТ:
форма заявки / карточки услуг / навигация / FAQ-аккордеон].
Стек: HTML + Tailwind CSS. Цвета: [палитра].
Поведение: [что происходит при клике / на мобильном]. Прокомментируй код.Получите рабочий кусок верстки, который можно вставить в страницу. Для целого сайта так собирать долго и хрупко, но для отдельных компонентов это экономит часы.
Честно об ограничениях
Готовый сайт «под ключ» нейросеть не выдаёт, и обещания обратного — маркетинг. Что придётся доделать руками:
- Редактура. Сгенерированный текст почти всегда нужно сократить и убрать повторы. Перед публикацией стоит проверить текст на штампы и фактические ошибки.
- SEO. Нейросеть напишет привлекательный текст, но мета-теги, ключевые слова, структуру заголовков и перелинковку надо настраивать осознанно. Это отдельная работа, см. AI для SEO.
- Код требует проверки. Сгенерированная верстка может ломаться на мобильных, содержать устаревшие приёмы или мелкие баги. Открывайте на телефоне и тестируйте формы.
- Фактура. Цены, условия, реальные кейсы и контакты модель не знает — она их придумает, если не дать данные. Всё фактическое проверяйте сами.
- Единый стиль. Картинки из разных генераций редко стыкуются. Закладывайте время на подбор и доработку.
Нейросеть здесь — ускоритель, а не замена здравого смысла. Она снимает 70% черновой работы и оставляет вам финальную сборку и проверку.
Итог
Сайт собирается из трёх слоёв, и нейросети закрывают каждый: текст, визуал, прототип. Начните с малого — спроектируйте структуру одной страницы и напишите тексты по блокам. Потом добавьте баннеры и иконки в едином стиле. Прототип соберите в конструкторе или попросите LLM сверстать нужные компоненты. За вечер реально получить рабочий черновик лендинга, а за неделю — аккуратный сайт, который останется отполировать. Главное — не ждать от модели готового результата, а использовать её как быстрого подрядчика, за которым вы проверяете каждый этап.
Попробуйте в Крафти
Соберите такой результат сами: Крафти — нейросети для текста, изображений, видео и музыки в одном кабинете. Без VPN, на русском, оплата картой РФ.
Telegram-бот: @KraftiAI_bot · промты и разборы в канале @aidea_lab.