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

Библиотека промптов

40 готовых заготовок. Скопировали, подставили своё, отправили.

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

1. Найдите нужный промпт — они разбиты по типам проектов.

2. Скопируйте его целиком.

3. Замените всё, что в квадратных скобках, на своё. Например, [ваша услуга] → маникюр.

4. Удалите скобки. Они нужны только чтобы вы видели, что менять.

5. Отправьте в чат.

Три правила, чтобы промпты работали

Не сокращайте. Кажется, что промпт слишком длинный и половину можно выкинуть. Нельзя — каждая строчка там не просто так. Чем подробнее задание, тем ближе результат.

Меняйте только то, что в скобках. Остальной текст выверен, его трогать не надо.

Первый результат — не окончательный. После стартового промпта идут правки: 10–20 штук, и это нормально. Промпты для правок — в конце файла.

Часть 1. Стартовые промпты

С них начинается проект. Один промпт — один готовый каркас.

🟢 Уровень 1: за вечер, без базы данных

1. Сайт-визитка эксперта

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

2. Калькулятор стоимости услуги

Сделай страницу-калькулятор для расчёта стоимости [услуга: уборки квартиры]. Как должно работать: Пользователь выбирает параметры, внизу сразу пересчитывается итоговая цена. Параметры для выбора: - [Площадь: до 40 м², 40-70 м², больше 70 м²] - [Тип уборки: поддерживающая, генеральная, после ремонта] - [Дополнительно: мытьё окон, чистка ковров, уборка балкона] Цены задай примерные, я потом поправлю. Требования: - Итоговая цена крупно, всегда видна на экране - Кнопка «Оставить заявку» под расчётом - Стиль: [чистый, современный] - Цвета: [синий и белый] - Обязательно адаптировать под телефон

3. Квиз-тест с результатом

Сделай интерактивный тест на тему «[Какой у вас тип кожи]». Структура: 1. Стартовый экран: название теста, описание в 1-2 предложения, кнопка «Начать» 2. Семь вопросов, по одному на экране, у каждого 3-4 варианта ответа 3. Экран результата: название типа, описание, рекомендации Сделай [4] варианта результата в зависимости от ответов. Требования: - Показывай прогресс: «Вопрос 3 из 7» - Кнопка «Назад» на каждом вопросе - В конце кнопка «Пройти заново» - Стиль: [дружелюбный, яркий] - Обязательно адаптировать под телефон - Тексты вопросов и результатов придумай сам

4. Лендинг мероприятия

Сделай одностраничный сайт для [мероприятие: мастер-класса по акварели]. Структура сверху вниз: 1. Первый экран: название, дата, место, кнопка «Записаться» 2. «Для кого это» — 3 карточки с описанием аудитории 3. «Что будет» — программа из 4-5 пунктов с таймингом 4. «Ведущий» — фото, имя, регалии 5. «Что вы получите» — 4 пункта с иконками 6. Стоимость и кнопка записи 7. Ответы на частые вопросы — 5 вопросов 8. Подвал с контактами Требования: - Дата и место должны быть видны сразу, без прокрутки - Кнопка «Записаться» повторяется 3 раза по странице - Стиль: [тёплый, творческий] - Обязательно адаптировать под телефон

5. Прайс-лист с фотографиями

Сделай страницу с меню/прайсом для [заведение: небольшой кофейни]. Структура: 1. Шапка: название заведения, адрес, часы работы 2. Разделы меню: [Кофе, Чай, Десерты, Завтраки] 3. В каждом разделе карточки: название, состав, цена, место под фото 4. Внизу: контакты и кнопка «Позвонить» Требования: - Разделы должны переключаться кнопками сверху, без перезагрузки - Крупные читаемые цены - Стиль: [уютный, тёплые тона] - Страницу будут открывать в основном с телефона — сделай мобильную версию главной - Позиции меню придумай сам, реалистичные

6. Интерактивный чек-лист

Сделай страницу-чек-лист на тему «[Что взять в поездку с ребёнком]». Как должно работать: Список пунктов с галочками. Отметил — пункт становится бледным и зачёркнутым. Сверху счётчик: «Готово 5 из 20». Структура списка: [4] раздела по [5] пунктов: [Документы / Одежда / Аптечка / Развлечения] Требования: - Кнопка «Сбросить всё» внизу - Галочки должны сохраняться при обновлении страницы - Крупные удобные для пальца галочки - Стиль: [лёгкий, светлый] - Обязательно адаптировать под телефон - Пункты списка придумай сам

7. Страница-поздравление

Сделай праздничную страницу-открытку к [событие: юбилею мамы]. Структура: 1. Крупный заголовок с поздравлением 2. Место под фотографию 3. Текст поздравления, 2-3 абзаца 4. Блок «Наши пожелания» — 5 коротких пожеланий карточками 5. Внизу подпись от кого Требования: - Праздничное оформление: [мягкие цветочные тона] - Небольшая анимация при загрузке страницы - Стиль: [тёплый, душевный, не кричащий] - Обязательно адаптировать под телефон — открывать будут с телефона - Текст поздравления придумай сам, я потом заменю

🟡 Уровень 2: с базой данных

8. Трекер привычек

Сделай приложение для отслеживания привычек. Что должен уметь пользователь: - Добавить новую привычку (название и цвет) - Отметить привычку выполненной за сегодня - Снять отметку, если ошибся - Удалить привычку - Видеть, сколько дней подряд держится привычка Экраны: 1. Главный: список привычек на сегодня с галочками 2. Статистика: календарь за месяц с отметками Требования: - Данные сохраняются в базе, не пропадают при обновлении - Стиль: [спокойный, минималистичный] - Обязательно адаптировать под телефон - Добавь 3 привычки для примера

9. Дневник самочувствия

Сделай приложение-дневник для записи [показатель: давления]. Что должен уметь пользователь: - Добавить запись: [дата, верхнее, нижнее, пульс, самочувствие, заметка] - Посмотреть список всех записей, свежие сверху - Удалить или отредактировать запись - Увидеть график изменений за месяц Требования: - Дата подставляется автоматически, но её можно поменять - Записи сохраняются в базе - График простой и понятный - Кнопка «Скачать все записи» — чтобы показать врачу - Стиль: [строгий, медицинский, светлый] - Крупный шрифт, приложением будут пользоваться пожилые люди - Обязательно адаптировать под телефон

10. Учёт финансов

Сделай приложение для учёта личных доходов и расходов. Что должен уметь пользователь: - Добавить операцию: сумма, категория, дата, комментарий - Выбрать тип: доход или расход - Посмотреть список операций за месяц - Удалить операцию - Увидеть итог: сколько получено, сколько потрачено, остаток Категории расходов: [Еда, Транспорт, Дом, Здоровье, Развлечения, Прочее] Требования: - Круговая диаграмма расходов по категориям - Переключение месяцев - Данные сохраняются в базе - Стиль: [деловой, спокойный] - Обязательно адаптировать под телефон

11. База клиентов для мастера

Сделай приложение для ведения базы клиентов [профессия: мастера маникюра]. Что должен уметь пользователь: - Добавить клиента: имя, телефон, заметка - Записать визит: дата, услуга, сумма - Посмотреть карточку клиента со всей историей визитов - Найти клиента по имени или телефону - Увидеть, кто давно не приходил (больше [45] дней) Экраны: 1. Список клиентов с поиском 2. Карточка клиента с историей 3. Раздел «Пора напомнить» — давно не приходившие Требования: - Кнопка «Позвонить» прямо из карточки - Данные сохраняются в базе - Стиль: [аккуратный, светлый] - Обязательно адаптировать под телефон

12. Запись на услугу

Сделай страницу онлайн-записи на [услуга: стрижку]. Что должен уметь клиент: - Выбрать услугу из списка с ценами - Выбрать день в календаре - Выбрать свободное время из доступных окон - Оставить имя и телефон - Получить подтверждение записи на экране Что должен видеть владелец: - Отдельная страница со всеми записями по дням Требования: - Занятые окна не показывать или показывать серым - Записи сохраняются в базе - Рабочие часы: [с 10:00 до 20:00, интервал 1 час] - Стиль: [чистый, понятный] - Обязательно адаптировать под телефон

13. Каталог товаров

Сделай каталог товаров для [бизнес: магазина украшений ручной работы]. Что должен уметь покупатель: - Смотреть карточки товаров: фото, название, описание, цена - Фильтровать по категории - Искать по названию - Открыть карточку товара подробнее - Нажать «Заказать» — откроется [Telegram/WhatsApp] с названием товара в сообщении Категории: [Серьги, Кольца, Браслеты, Колье] Что должен уметь владелец: - Добавлять и удалять товары через отдельную страницу Требования: - Товары хранятся в базе - Стиль: [элегантный, светлый, много воздуха] - Обязательно адаптировать под телефон - Добавь 8 товаров для примера

14. Книга рецептов

Сделай приложение для хранения рецептов. Что должен уметь пользователь: - Добавить рецепт: название, категория, ингредиенты списком, шаги приготовления, время - Посмотреть список всех рецептов - Найти рецепт по названию или ингредиенту - Открыть рецепт целиком - Отметить рецепт любимым - Удалить рецепт Категории: [Завтраки, Супы, Основные блюда, Выпечка, Салаты] Требования: - В режиме просмотра рецепта — крупный шрифт, читать будут с телефона на кухне - Галочки напротив ингредиентов, чтобы отмечать по ходу - Данные сохраняются в базе - Стиль: [тёплый, домашний]

15. Семейные дела

Сделай приложение для распределения домашних дел в семье. Что должен уметь пользователь: - Добавить дело: название, кто отвечает, как часто повторяется - Отметить дело выполненным - Посмотреть дела на сегодня и на неделю - Увидеть, кто сколько дел сделал за месяц Члены семьи: [добавляются вручную] Требования: - Каждому человеку свой цвет - Повторяющиеся дела появляются заново автоматически - Данные сохраняются в базе - Стиль: [дружелюбный, простой] - Обязательно адаптировать под телефон

16. Учёт вещей и инвентаря

Сделай приложение для учёта [что: инструментов в мастерской]. Что должен уметь пользователь: - Добавить позицию: название, категория, количество, место хранения, заметка - Изменить количество - Найти позицию по названию - Отфильтровать по категории и по месту хранения - Увидеть, чего осталось мало (меньше [3] штук) Категории: [задай 5 подходящих] Требования: - Раздел «Заканчивается» на главном экране - Данные сохраняются в базе - Стиль: [строгий, функциональный] - Обязательно адаптировать под телефон

17. Список желаний

Сделай приложение «Список желаний» — что подарить. Что должен уметь пользователь: - Добавить желание: название, примерная цена, ссылка на товар, комментарий - Отметить желание как «уже подарили» - Удалить желание - Поделиться списком по ссылке — чтобы родные посмотрели Что видит гость по ссылке: - Список желаний - Может отметить «я это дарю» — но так, чтобы владелец списка не видел, кто именно Требования: - Данные сохраняются в базе - Стиль: [праздничный, лёгкий] - Обязательно адаптировать под телефон

18. Дневник просмотренного

Сделай приложение для учёта [что: прочитанных книг]. Что должен уметь пользователь: - Добавить запись: название, автор, дата, оценка от 1 до 5, заметка - Посмотреть список, свежие сверху - Отфильтровать по оценке - Найти по названию или автору - Увидеть статистику: сколько за год, средняя оценка Требования: - Оценка звёздочками, а не цифрой - Данные сохраняются в базе - Стиль: [уютный, книжный] - Обязательно адаптировать под телефон

19. Копилка целей

Сделай приложение для накопления на цели. Что должен уметь пользователь: - Создать цель: название, нужная сумма, желаемая дата - Внести сумму в копилку - Увидеть прогресс полосой и в процентах - Увидеть, сколько осталось накопить и сколько откладывать в месяц, чтобы успеть - Закрыть цель, когда накопил Требования: - Прогресс-полоса крупная и заметная - История пополнений по каждой цели - Данные сохраняются в базе - Стиль: [мотивирующий, светлый] - Обязательно адаптировать под телефон

20. Уход за растениями

Сделай приложение для ухода за [что: комнатными растениями]. Что должен уметь пользователь: - Добавить растение: название, фото, как часто поливать, заметка - Отметить, что полил сегодня - Увидеть, какие растения нужно полить сегодня - Увидеть, какие пропустил Требования: - На главном экране раздел «Полить сегодня» - Просроченные подсвечиваются красным - Данные сохраняются в базе - Стиль: [зелёный, природный, спокойный] - Обязательно адаптировать под телефон

🔵 Уровень 3: для Telegram

21. Mini App для записи

Сделай приложение записи на [услуга], которое будет открываться внутри Telegram. Что должен уметь клиент: - Выбрать услугу с ценой - Выбрать день и свободное время - Подтвердить запись - Увидеть свои будущие записи - Отменить запись Требования для Telegram: - Приложение должно подстраиваться под тему пользователя — светлую и тёмную - Использовать главную кнопку Telegram внизу экрана для подтверждения - Здороваться с пользователем по имени, которое передаёт Telegram - Всё должно помещаться на экране телефона без горизонтальной прокрутки - Крупные кнопки, удобные для пальца Данные сохраняются в базе.

22. Бот-каталог с корзиной

Сделай приложение-магазин для Telegram. Что должен уметь покупатель: - Смотреть товары карточками с фото и ценой - Фильтровать по категории - Добавить товар в корзину - Изменить количество в корзине - Оформить заказ: имя, телефон, адрес, комментарий - Увидеть подтверждение с номером заказа Требования для Telegram: - Подстраиваться под тему пользователя - Главная кнопка Telegram показывает сумму корзины и ведёт к оформлению - Данные пользователя подставлять из Telegram, где возможно - Всё помещается на экране телефона Товары и заказы хранятся в базе. Добавь 10 товаров для примера.

23. Программа лояльности

Сделай приложение программы лояльности для [бизнес: кофейни], работающее в Telegram. Что должен видеть клиент: - Свою карту с именем и номером - Сколько накоплено баллов или отметок - Сколько осталось до бонуса - Историю своих визитов Что должен уметь владелец: - Отдельная страница, где можно добавить визит клиенту Механика: [каждый 6-й кофе бесплатно] Требования для Telegram: - Подстраиваться под тему пользователя - Узнавать пользователя по данным из Telegram, без регистрации - Прогресс к бонусу — крупно и наглядно - Всё помещается на экране телефона Данные сохраняются в базе.

24. Квиз с отправкой результата

Сделай тест для Telegram на тему «[тема]». Структура: 1. Стартовый экран с описанием 2. [7] вопросов по одному на экране 3. Экран результата с описанием и рекомендацией Требования для Telegram: - Кнопка «Поделиться результатом» — отправляет результат в чат - Подстраиваться под тему пользователя - Использовать главную кнопку Telegram для перехода к следующему вопросу - Показывать прогресс - Всё помещается на экране телефона Результаты прохождений сохранять в базу, чтобы я мог посмотреть статистику. Вопросы и результаты придумай сам.

25. Мини-обучение

Сделай приложение-курс для Telegram на тему «[тема]». Структура: - Список из [5] уроков на главном экране - Каждый урок: заголовок, текст, картинка - Отметка о прохождении урока - Прогресс: «Пройдено 2 из 5» - Финальный экран с поздравлением, когда всё пройдено Требования для Telegram: - Непройденные уроки открываются по порядку - Подстраиваться под тему пользователя - Крупный читаемый текст - Всё помещается на экране телефона Прогресс сохраняется в базе для каждого пользователя. Содержание уроков придумай сам.

26. Опросник

Сделай приложение-опрос для Telegram. Тема опроса: [оценка качества обслуживания]. Структура: - [6] вопросов: часть с выбором варианта, часть со свободным ответом - Экран благодарности в конце Что должен видеть организатор: - Отдельная страница со всеми ответами - Сводка по каждому вопросу с процентами Требования для Telegram: - Подстраиваться под тему пользователя - Использовать главную кнопку Telegram - Всё помещается на экране телефона Ответы сохраняются в базе.

27. Афиша сообщества

Сделай приложение-афишу для [сообщество: клуба любителей бега] в Telegram. Что должен видеть участник: - Список ближайших событий: дата, время, место, описание - Кнопку «Пойду» на каждом событии - Сколько человек уже собирается - Свои отмеченные события Что должен уметь организатор: - Добавлять и удалять события через отдельную страницу Требования для Telegram: - События сортируются по дате, ближайшие сверху - Прошедшие события скрываются - Подстраиваться под тему пользователя - Всё помещается на экране телефона Данные сохраняются в базе.

28. Напоминания клиентам

Сделай приложение напоминаний для [бизнес: салона красоты] в Telegram. Что должен видеть клиент: - Когда был последний визит - Когда пора прийти снова - Кнопку «Записаться» Что должен уметь владелец: - Добавить клиента и его визит - Задать периодичность: [раз в 4 недели] - Увидеть список тех, кому пора напомнить Требования для Telegram: - Подстраиваться под тему пользователя - Всё помещается на экране телефона Данные сохраняются в базе.

Часть 2. Промпты для правок

Первый результат никогда не идеален. Это нормально. Вот чем его доводят.

Главное правило: одна правка — одно сообщение. Не просите поменять пять вещей сразу, иначе ИИ сломает то, что уже работало.

Внешний вид

29. Поменять цвета

Поменяй цветовую схему на [бежевый как основной, тёмно-коричневый для текста, золотой для кнопок]. Остальное оставь без изменений.

30. Сделать современнее

Сделай дизайн современнее: увеличь отступы между блоками, добавь скругление углов у карточек, сделай мягкие тени. Структуру и тексты не меняй.

31. Поправить шрифты

Увеличь размер основного текста и межстрочный интервал — сейчас читать тяжело. Заголовки сделай крупнее и жирнее. Остальное не трогай.

32. Добавить анимацию

Добавь плавное появление блоков при прокрутке страницы. Анимация должна быть мягкой и ненавязчивой, без резких движений.

Мобильная версия

33. Починить на телефоне

На телефоне [опиши проблему: кнопки слишком мелкие и текст вылезает за экран]. Исправь так, чтобы всё нормально помещалось на экране телефона. На компьютере ничего не меняй.

34. Убрать горизонтальную прокрутку

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

35. Увеличить кнопки для пальца

Увеличь все кнопки и элементы, на которые нажимают, чтобы по ним было удобно попадать пальцем на телефоне. Минимум 44 пикселя по высоте.

Содержание

36. Добавить блок

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

37. Убрать лишнее

Удали блок [название]. Проследи, чтобы после удаления ничего не поехало и отступы остались ровными.

38. Поменять местами

Переставь блок [название] выше — он должен идти сразу после [название другого блока]. Ничего больше не меняй.

Когда что-то сломалось

39. Не работает кнопка

Кнопка [название] не работает — при нажатии [опиши, что происходит или не происходит]. Найди причину и исправь.

40. Разобраться в ошибке

Появилась ошибка. Вот её текст: [вставьте сюда текст ошибки целиком, ничего не сокращая] Объясни простыми словами, что случилось, и исправь.

41. Вернуть как было

Последнее изменение сломало [что именно]. Верни этот кусок к тому, как было до правки, а остальные изменения оставь.

42. Когда ИИ ходит по кругу

Мы уже три раза пытались исправить [проблема], и не получается. Давай иначе: сначала объясни мне по шагам, как сейчас устроен этот кусок и почему он не работает. Ничего пока не меняй.

Полезные приёмы

43. Попросить объяснить

Объясни простыми словами, что делает этот код и как он связан с остальным проектом. Я не программист, объясняй как для новичка.

44. Попросить варианты

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

45. Проверить перед публикацией

Проверь проект перед публикацией: работают ли все кнопки, нормально ли выглядит на телефоне, нет ли пустых блоков и заглушек вроде «Lorem ipsum». Составь список того, что надо поправить.

Часть 3. Как писать свои промпты

Когда готовых заготовок не хватит, соберите свою по формуле.

Формула из пяти частей

1. Задача

Что писать

Что сделать, одной строкой

Пример

Сделай страницу записи к репетитору

2. Структура

Что писать

Из чего состоит, по пунктам

Пример

Первый экран, блок «Обо мне», форма записи

3. Поведение

Что писать

Что происходит при нажатии

Пример

При выборе времени оно исчезает из доступных

4. Оформление

Что писать

Стиль и цвета

Пример

Строгий, синий с белым, много воздуха

5. Обязательное

Что писать

Что нельзя забыть

Пример

Адаптировать под телефон, данные в базу

Чего делать не надо

Не просите пять вещей одним сообщением. «Поменяй цвет, добавь блок и переделай меню» — ИИ сделает что-то одно и сломает остальное.

Не пишите «сделай красиво». Красиво у всех разное. Пишите: какие цвета, какое настроение, на какой сайт похоже.

Не говорите «поправь кнопку», если кнопок несколько. Уточняйте, какую именно: «синюю кнопку "Записаться" в первом экране».

Не пересказывайте ошибку своими словами. Копируйте её текст целиком.

Если ничего не подошло

Библиотека живая. Придумали удачный промпт — присылайте, он попадёт сюда с вашим именем.