Часть 1. Из первого модуля: ИИ и сборка сайтов

Конструктор промпта

Заполните поля сверху вниз — внизу соберётся готовое задание для ИИ

Как этим пользоваться

1. Скопируйте себе. В Google Docs: Файл → Создать копию. В Notion: Duplicate в правом верхнем углу.

2. Идите сверху вниз и заполняйте поля. Не перескакивайте — порядок продуман.

3. Не оставляйте пустых полей. Если пункт не нужен — напишите «не нужно». ИИ не должен додумывать за вас.

4. Внизу соберите всё в один текст и отправьте в чат.

Первый раз займёт минут десять. Дальше — две минуты. Это не потерянное время: один продуманный промпт заменяет пять переспрашиваний, а каждое переспрашивание стоит кредитов.

Часть 1.
Подготовка

Отвечаете себе, в промпт это не идёт. Но без этого промпт получится расплывчатым.

Кто будет этим пользоваться?

Не «все» и не «люди». Один конкретный человек.

Плохо: «Все, кому нужен маникюр» Хорошо: «Женщина 30–45 лет, ищет мастера рядом с домом, смотрит с телефона в обеденный перерыв»

Ваш ответ:

Что человек должен сделать на этой странице?

Одно главное действие. Не три, не пять — одно.

Примеры: записаться · оставить телефон · посмотреть цены · добавить запись · оформить заказ

Ваш ответ:

Что он должен понять за первые 5 секунд?

Человек открыл страницу. Не прокручивал. Что он видит и понимает сразу?

Ваш ответ:

Часть 2.
Собираем промпт

Вот это уже пойдёт в текст задания.

Поле 1.
Что делаем

Одна строка. Тип проекта и для кого.

Шаблон: Сделай [тип: одностраничный сайт / приложение / каталог] для [кого/чего]

Примеры:

- Сделай одностраничный сайт-визитку для мастера маникюра - Сделай приложение для учёта домашних расходов - Сделай каталог товаров для магазина украшений ручной работы

Заполните:

Сделай

Поле 2.
Из чего состоит

Перечислите блоки или экраны сверху вниз. От 4 до 8 пунктов — меньше будет пусто, больше запутает и ИИ, и посетителя.

Если не знаете, что писать: откройте любой сайт из вашей сферы и выпишите его блоки по порядку. Это не воровство, это изучение стандарта.

Заполните:

Структура сверху вниз: 1. 2. 3. 4. 5. 6.

Пример заполненного:

Структура сверху вниз: 1. Первый экран: имя, чем занимаюсь одной строкой, кнопка «Записаться» 2. Блок «Обо мне»: 2-3 абзаца и место под фото 3. Блок «Услуги»: 5 карточек с названием, описанием и ценой 4. Блок «Отзывы»: 3 отзыва с именами 5. Блок «Как добраться»: адрес и ориентиры 6. Подвал: телефон и ссылки на соцсети

Поле 3.
Что происходит при нажатии

Опишите, что делает каждая кнопка и что меняется на экране. Этот пункт пропускают чаще всего — и получают красивую картинку, где ничего не работает.

Заполните:

Как это работает: - При нажатии на [что] → [что происходит] - -

Пример заполненного:

Как это работает: - При нажатии «Записаться» → открывается WhatsApp с готовым текстом сообщения - При выборе услуги → внизу пересчитывается итоговая цена - При отправке формы → появляется сообщение «Спасибо, свяжемся в течение часа»

Если проект простой и нажимать почти нечего — так и напишите: «Кнопка "Написать" ведёт в Telegram, больше никаких действий нет».

Поле 4.
Нужно ли что-то запоминать

Отвечаете одним из двух вариантов.

Вариант А — ничего не сохраняем. Визитка, лендинг, прайс, калькулятор.

Данные сохранять не нужно, это информационная страница.

Вариант Б — сохраняем. Трекер, дневник, каталог, записи клиентов.

Данные должны сохраняться в базе и не пропадать при обновлении страницы. Сохранять нужно: [перечислите, что именно]

Поле 5.
Как это выглядит

Три вещи: настроение, цвета, ориентир.

Не пишите «красиво» и «современно». Красиво у всех разное, и ИИ выдаст усреднённый шаблон.

Заполните:

Оформление: - Настроение: [строгий / тёплый / яркий / спокойный / премиальный / дружелюбный] - Цвета: [основной и дополнительный] - Шрифт: [крупный и читаемый / компактный] - Похоже на: [если есть сайт-ориентир]

Пример заполненного:

Оформление: - Настроение: спокойный, минималистичный, много воздуха - Цвета: бежевый фон, тёмно-коричневый текст, золотые кнопки - Шрифт: крупный, читать будут с телефона - Скруглённые углы у карточек, мягкие тени

Не знаете, что писать про стиль — откройте карточку «Слова-триггеры для дизайна» из материалов урока.

Поле 6.
Обязательные требования

Этот блок копируйте почти как есть — он одинаковый почти для всех проектов.

Обязательно: - Адаптировать под телефон, всё должно помещаться без горизонтальной прокрутки - Крупные кнопки, удобные для нажатия пальцем - Все тексты придумай сам, реалистичные, без «Lorem ipsum» и заглушек - [добавьте своё, если есть]

Что часто дописывают:

Поле 7.
Чего делать не надо

Необязательное поле, но экономит много правок.

Заполните, если актуально:

Не надо: - -

Что сюда обычно пишут:

Часть 3.
Собираем всё вместе

Скопируйте свои ответы из полей 1–7 подряд, в этом порядке. Между блоками — пустая строка.

[ПОЛЕ 1: что делаем] [ПОЛЕ 2: структура] [ПОЛЕ 3: как работает] [ПОЛЕ 4: сохранение данных] [ПОЛЕ 5: оформление] [ПОЛЕ 6: обязательные требования] [ПОЛЕ 7: чего не надо]

Проверьте перед отправкой

Всё отмечено — отправляйте.

Полный пример

Как выглядит заполненный конструктор целиком

Подготовка (в промпт не идёт)

- Кто: женщина 30–45, ищет мастера рядом с домом, смотрит с телефона - Главное действие: записаться через WhatsApp - За 5 секунд: понимает, что это мастер маникюра, видит цены и кнопку записи

Готовый промпт

Сделай одностраничный сайт-визитку для мастера маникюра. Структура сверху вниз: 1. Первый экран: имя мастера, «Маникюр и педикюр в центре города», кнопка «Записаться» 2. Блок «Обо мне»: 2-3 абзаца об опыте, место под фото 3. Блок «Услуги»: 5 карточек — название, описание, цена, время 4. Блок «Работы»: сетка из 6 мест под фотографии 5. Блок «Отзывы»: 3 отзыва с именами клиенток 6. Блок «Как добраться»: адрес, ориентиры, часы работы 7. Подвал: телефон, ссылки на Telegram и Instagram Как это работает: - При нажатии «Записаться» → открывается WhatsApp с готовым текстом «Здравствуйте, хочу записаться» - При нажатии на карточку услуги → раскрывается подробное описание - Кнопка «Записаться» повторяется после блока услуг и в подвале Данные сохранять не нужно, это информационная страница. Оформление: - Настроение: спокойный, минималистичный, много воздуха - Цвета: бежевый фон, тёмно-коричневый текст, золотые кнопки - Скруглённые углы у карточек, мягкие тени - Шрифт крупный, читать будут с телефона Обязательно: - Адаптировать под телефон, без горизонтальной прокрутки - Крупные кнопки, удобные для пальца - Все тексты придумай сам, реалистичные, без «Lorem ipsum» - Цены поставь примерные, я потом заменю Не надо: - Не добавляй регистрацию и вход в аккаунт - Не делай слайдеры и карусели - Не добавляй всплывающие окна

Что делать дальше

Первый результат — не окончательный. Дальше идут правки, обычно 10–20 штук. Это нормальный рабочий процесс, а не признак того, что вы что-то сделали не так.

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

Готовые формулировки для правок — в файле «Библиотека промптов», часть 2.

Если результат совсем не тот