Промпты для создания сайта: примеры и правила составления

Промпт для создания сайта — это описание задачи, материалов и ожидаемого результата. Он работает лучше, когда ограничивает объём и даёт критерии проверки. Общая просьба «сделай современный сайт» оставляет нейросети слишком много решений: от структуры до вымышленных сведений о компании.

Используйте пять частей задания

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

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

Промпт для структуры

Помоги спроектировать сайт студии ремонта мебели. Аудитория — владельцы мебели, которым нужно понять возможность восстановления. Цель — запрос оценки. Используй приложенные услуги и фотографии. Предложи карту страниц и блоки главной. Для каждого блока объясни вопрос посетителя. Не придумывай отзывы, цены и сроки. Недостающие данные выдели отдельно.

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

Промпт для конкретного блока

Подготовь раздел «Как проходит оценка ремонта» из четырёх шагов. Факты: клиент присылает фотографии; мастер уточняет повреждения; стоимость согласуется после осмотра; работы начинаются после согласования. Пиши простым языком. Не обещай дистанционную окончательную цену. Результат — заголовок, короткое вступление и четыре пункта.

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

Промпт для реализации

Сверстай согласованный раздел этапов в HTML и CSS. Стили ограничь классом furniture-steps. На широком экране четыре карточки, на узком — последовательный список. Используй приложенный текст без сокращений. Не подключай библиотеки. Объясни, в какие файлы добавить код и как проверить отсутствие горизонтальной прокрутки.

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

Промпт для исправления ошибки

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

На ширине 390 пикселей карточки этапов выходят за экран. На 1440 пикселях сетка правильная. Найди причину в приложенном CSS. Меняй только стили этого раздела. После правки перечисли ширины и сценарии, которые нужно проверить повторно.

Как оценить ответ

• Результат соответствует заданному формату.
• Новые факты не добавлены без основания.
• Изменения ограничены нужной частью проекта.
• Код можно применить в указанной среде.
• Есть понятные шаги проверки.
• Незавершённые функции названы прямо.

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