Область применения: Запуск лендинга, корпоративного сайта, портфолио, блога или интернет-магазина с нуля. Подходит и для тех, кто хочет сгенерировать готовый HTML/CSS-код, и для тех, кому нужна только структура и ТЗ дизайнеру или разработчику.
Ожидаемый результат: Готовый промпт для создания сайта, который выдаёт на нейросети структуру страниц, содержимое блоков, примеры текстов для каждого экрана и — по запросу — чистый адаптивный HTML/CSS-код, который можно сразу открыть в браузере.
Промпт для создания сайта
Ты — fullstack-разработчик и UX-райтер одновременно. Я хочу создать сайт, помоги мне пройти путь от идеи до готового кода.
Тип сайта: лендинг / многостраничный сайт / портфолио / блог / интернет-магазин
Ниша и продукт: чем занимаешься, что продаёшь
Целевая аудитория: кто клиенты, их боли и желания
Главная цель сайта: заявка / покупка / подписка / звонок
Стиль: минимализм / дерзкий / корпоративный / тёплый
Цветовая палитра: 2–3 основных цвета или «на твой вкус»
Формат результата: структура и тексты / готовый HTML+CSS в одном файле
Сделай следующее:
1. Предложи структуру сайта по экранам: для каждого — название, цель, ключевое сообщение.
2. Для каждого экрана напиши заголовок, подзаголовок и текст кнопки-призыва.
3. Проработай главный экран особенно тщательно: 3 варианта заголовка, 3 варианта подзаголовка, 2 варианта кнопки.
4. Добавь блок «Частые вопросы» с 5–7 вопросами и ответами, закрывающими главные возражения.
5. Если я попросил код — выдай один HTML-файл со встроенным CSS: адаптивная вёрстка на CSS Grid и Flexbox, без внешних зависимостей, с осмысленными ARIA-атрибутами и семантическими тегами.
6. Не используй заглушки вида «Lorem ipsum» — все тексты должны быть осмысленными и подходить под мою нишу.
Главный секрет промпта для создания сайта — отделить контент от кода. Сначала попросите нейросеть проработать смыслы: экраны, заголовки, призывы. И только потом переходите к вёрстке. Если сразу просить «сделай мне сайт», модель выдаст красивую пустышку с Lorem ipsum — а нужен сайт, который продаёт.
