Заполните бриф
Продукт, аудитория, цель и ваши материалы.
Создайте первую версию
Отправьте промпт в выбранный ИИ и ответьте на его вопросы.
Проверьте результат
Пройдите чек-лист ниже и попробуйте сценарий в VidLix.

От задачи бизнеса к готовой странице

Промпт с последовательностью: структура, тексты, затем код сайта.

Выступи как веб-дизайнер, редактор и frontend-разработчик. Помоги мне создать сайт по брифу.

МОЙ ПРОЕКТ
Бизнес и продукт: [что предлагаете].
Аудитория и регион: [для кого и где работаете].
Цель сайта: [заявка, запись, заказ или презентация].
Главное предложение: [польза, реальные условия и цена, если известна].
Действие посетителя: [например, «Обсудить проект»].
Стиль и цвета: [пожелания или ссылка на пример].
Материалы: [логотип, фотографии, факты, контакты и ссылки].

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

1. Кратко предложи структуру страницы и объясни, как она ведёт к цели.
2. Напиши конкретные тексты по моим материалам.
3. Собери полную страницу в одном файле index.html со встроенными CSS и JavaScript, без сборки и внешних библиотек. Не ограничивайся описанием — выдай весь код.

ТРЕБОВАНИЯ К САЙТУ
— Первый экран с понятным предложением и основным действием; затем польза, услуги, этапы работы, подтверждённые примеры, ответы на вопросы и контакты. Оставь только нужные для моей задачи блоки.
— Адаптивная версия для телефона, планшета и компьютера; без горизонтальной прокрутки на ширине от 320 px.
— Семантический HTML, один h1, логичные заголовки, контрастный текст, подписи полей, видимый фокус и управление с клавиатуры.
— Понятные русские тексты без выдуманных отзывов, клиентов, цифр, цен и гарантий. Если фактов нет, обозначь, что нужно добавить.
— Рабочие внутренние ссылки и мобильное меню. Не показывай успешную отправку формы без ответа сервера: если обработчика нет, явно обозначь демонстрационный режим и отключи отправку.
— Не вставляй ключи API, трекеры и внешние скрипты. Для недостающих изображений используй аккуратные подписанные заглушки.
— Добавь title и description, опиши, какие данные и подключения нужны перед публикацией.

В конце объясни, как сохранить index.html и открыть его в браузере, перечисли незаполненные места и дай короткий план ручной проверки. Не называй сайт проверенным, если ты его не запускал.

Замените поля в [скобках] на свои данные.

Результат — HTML-файл для просмотра в браузере. Отправку заявок и публикацию подключают отдельно.

Промпт для проверки готового сайта

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

Проверь мой сайт перед публикацией. Я приложу код, скриншоты или ссылку: [добавьте материалы]. Укажи, к чему у тебя действительно есть доступ. Если страницу нельзя открыть, запроси код или скриншоты и не делай вид, что просмотрел сайт.

Проверь:
1. Понятны ли предложение, аудитория и следующее действие с первого экрана.
2. Умещается ли контент на ширинах 320, 375, 768 и 1440 px; нет ли наложений и горизонтальной прокрутки.
3. Работают ли меню, якоря и ссылки; доступны ли кнопки и поля с клавиатуры, виден ли фокус.
4. Есть ли у формы подписи, проверка ввода и понятные состояния ожидания, ошибки и успеха. Успех допустим только после подтверждения сервера. Для теста используй заглушку; реальные заявки не отправляй.
5. Нет ли выдуманных фактов, незаменённых заглушек, сломанных изображений и нечитаемого текста.
6. Есть ли один h1, логичные заголовки, title, description и alt для содержательных изображений.

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

Замените поля в [скобках] на свои данные.

От промпта —
к сайту, который
можно попробовать.

От первого экрана до видеосцен

Лендинг кофейни с ИИ

Сайт с калькулятором стоимости

Квиз-сайт с подбором путешествия

Портфолио с фильтрами проектов

Сайт-история с анимацией при прокрутке

Видеолендинг с плавными переходами

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

От задачи бизнеса к готовой странице

Сайт с продуманным интерфейсом

Из материалов и референса в сайт

Понятный код для самостоятельного запуска

От промпта —к сайту, которыйможно попробовать.

От первого экрана до видеосцен

Лендинг кофейни с ИИ

Сайт с калькулятором стоимости

Квиз-сайт с подбором путешествия

Портфолио с фильтрами проектов

Сайт-история с анимацией при прокрутке

Видеолендинг с плавными переходами

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

От задачи бизнеса к готовой странице

Сайт с продуманным интерфейсом

Из материалов и референса в сайт

Понятный код для самостоятельного запуска

От промпта —
к сайту, который
можно попробовать.