Промпт для создания сайта
Промпт описывает небольшой сайт через страницы, блоки и поведение. Ограничения проекта помогают получить минимальный интерфейс, который можно проверить в браузере.
Обновлено: 2026-10-09
Промпт
Напиши сайт по заданным страницам и материалам.
Назначение: [цель]. Страницы и блоки: [список]. Стек: [версии].
Контент: [материалы]. Экран: [минимальная ширина].
Дай готовые файлы и запуск. Не добавляй формы с фиктивной отправкой и ссылки без назначения. Проверь мобильный экран и клавиатуру.
Соберите свой промпт
Ответьте на вопросы. Промпт собирается бесплатно прямо здесь. Незаполненные места можно дополнить позже.
Открыть в конструкторе →Укажите только известные детали. Поле можно оставить пустым.
Укажите только известные детали. Поле можно оставить пустым.
Укажите только известные детали. Поле можно оставить пустым.
Укажите только известные детали. Поле можно оставить пустым.
Укажите только известные детали. Поле можно оставить пустым.
Необязательное уточнение к исходному промпту.
Необязательное уточнение к исходному промпту.
Необязательное уточнение к исходному промпту.
Живой предпросмотр
Подставленное выделено зелёным, незаполненное — пунктиром.
Напиши сайт по заданным страницам и материалам. Назначение: [цель]. Страницы и блоки: [список]. Стек: [версии]. Контент: [материалы]. Экран: [минимальная ширина]. Дай готовые файлы и запуск. Не добавляй формы с фиктивной отправкой и ссылки без назначения. Проверь мобильный экран и клавиатуру.
Нужно 100 таких промптов под разные данные? Загрузите таблицу в Promptada.
Создать аккаунт Для пакетной работы с текстами.Ответы остаются на этой странице и исчезают при перезагрузке. В ссылке — только выбранная задача.
Нужно много вариантов этого промпта?
Подготовьте таблицу компонентов, требований и окружений. Promptada соберёт текстовые задания по одному шаблону и передаст пакет выбранной модели.
Создать аккаунтКак пользоваться
- Подготовьте назначение, страницы и блоки, стек, контент.
- Приложите реальные тексты и контакты для страниц сайта.
- Проверьте страницу мастерской на 320 px и переходы к услугам и контактам.
- Удали из сайта фиктивные действия: оставить работающие якоря и проверенные тексты, форму не имитировать.
Для каких нейросетей
| Нейросеть | Версия | Насколько подходит | Примечание |
|---|---|---|---|
| GPT | 6 Astra | Подходит | Сложные условия |
| GPT | 6.1 Sol | Подходит | Основной текстовый вариант |
| GPT | 6 Luna | Подходит | Короткая выдача |
| Claude | Fable 5.1 | Подходит | Много ограничений |
| Claude | Opus 5.5 | Подходит | Развёрнутый разбор |
| Claude | Sonnet 5.5 | Подходит | Редактура и сравнение |
| Claude | Haiku 5.5 | Подходит | Компактный формат |
| Gemini | 3.8 Flash | Подходит | Текст и вложения |
| Gemini | 3.1 Pro Preview | Подходит | Preview; подробный анализ |
| DeepSeek | V4.1-Flash | Подходит | Текст; изображения |
| DeepSeek | V4-Pro-0813 | Подходит | Только текст |
Справочные данные для создания сайта: GPT, Claude, Gemini, Gemini, DeepSeek.
Пример результата
Минимальная страница мастерской, один index.html:
<!doctype html>
<html lang="ru">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Мастерская Свет</title>
<style>
body { font: 1rem sans-serif; max-width: 50rem; margin: auto; padding: 1rem; }
nav { display: flex; gap: 1rem; flex-wrap: wrap; }
</style>
<header><nav><a href="#work">Услуги</a><a href="#contact">Контакты</a></nav></header>
<main>
<h1>Мастерская Свет</h1>
<section id="work"><h2>Услуги</h2><p>Ремонт настольных ламп.</p></section>
<section id="contact"><h2>Контакты</h2><p>Адрес и время работы уточняйте у мастерской.</p></section>
</main>
</html>
Проверки: ссылки ведут к существующим блокам, ширина 320 px не вызывает прокрутку, контакты не выдуманы.
Как улучшить результат
- Приложите реальные тексты и контакты для страниц сайта.
- Назовите назначения каждой ссылки и кнопки.
- Укажите, нужен ли сервер для пользовательского действия.
- Проверьте длинный контент на минимальной ширине.
Варианты промпта
Узкая задача
Напиши одну статическую страницу мастерской: услуги и контакты, без формы и библиотек, минимум 320 px.
Корректировка: создания сайта
Удали из сайта фиктивные действия: оставить работающие якоря и проверенные тексты, форму не имитировать.
Частые ошибки
- Форма показывает успех без работающего обработчика.
- Кнопки и ссылки не имеют реального назначения.
- Контакты мастерской выдумываются для заполнения макета.
Вопросы и ответы
Как создать сайт?
Опишите цель, материалы и минимальный набор страниц. Ограничьте первую версию несколькими действиями, которые сайт действительно должен поддерживать.
Какие страницы и блоки нужны?
Назовите блоки, которые решают действие пользователя, и источник контента каждого. Блок нужен, когда помогает пользователю узнать или сделать что-то конкретное.
Как проверить адаптивность?
Проверьте узкий экран, длинный текст, клавиатуру и реальные назначения ссылок. Кроме адаптивной ширины проверьте переходы, фокус клавиатуры и фактическую отправку там, где она заявлена.