Разница между безликим результатом ИИ и хорошим почти всегда не в модели, а в промпте. Шаблоны ниже дают интерфейсы, которые выглядят продуманными, в стиле бренда и готовыми к запуску, а не собранными из кусков. Берите их как каркас и подгоняйте под свой продукт.
Рано или поздно каждый, кто работает в Lovable, замечает: один и тот же запрос, сформулированный по-разному, даёт два совершенно разных приложения. Одно выглядит как слегка замаскированный шаблон. Другое как работа вдумчивого дизайнера. Модель та же. Изменился промпт.
Мы разобрали тысячи промптов из нашего исследовательского сообщества и сами по десятку раз пересобирали одни и те же продукты. Здесь собраны приёмы, которые стабильно дают хороший результат. Это подборка для старта, а не готовый сценарий.
Из чего состоит хороший промпт для Lovable
Сначала общая схема. В каждом промпте, который стабильно даёт сильный результат, есть пять элементов, примерно в таком порядке:
- Название продукта или бренда, чтобы ИИ держался образа, а не абстракции.
- Конкретная аудитория, чтобы тексты били в цель, а не были общими.
- Один главный результат, чтобы экран не расползался.
- Визуальный ориентир (одно-два названия), чтобы у стиля был характер.
- Ограничение, что не делать, чтобы результат вышел сдержанным.
Лендинги, которые продают
1. Премиальный лендинг SaaS в стиле Linear и Stripe
Собери лендинг для [Продукт]. Аудитория: [конкретный пользователь]. Первый экран: заголовок в одно предложение с болезненным моментом, подзаголовок в одно предложение с облегчением, одна кнопка. Стиль: Linear плюс Stripe, сдержанная типографика, много воздуха, мягкий градиент на первом экране, без стоковых иллюстраций. Три честных скриншота, три шага с номерами, блок цены с одним тарифом и подвал. Без карусели, без стены отзывов, без чата.
2. Страница продукта в журнальном стиле
Собери страницу продукта [Продукт] в журнальном стиле, в духе Kinfolk и Apple Newsroom. Для заголовка изящный шрифт с засечками (акцентное слово курсивом Playfair Display). Основной текст без засечек. Асимметричный первый экран в две колонки, изображение продукта справа от заголовка. Кремовый фон, тёмно-серый текст. Одна главная кнопка, второстепенных нет. Страница должна ощущаться неторопливой и уверенной.
3. Страница запуска для инди-проекта
Собери страницу запуска для [Продукт], инди-SaaS для [аудитория]. Прямой дружелюбный тон. Покажи имя и фото основателя. Один абзац о том, зачем это сделано. Одна кнопка: «Попробовать бесплатно». Ниже короткий FAQ голосом основателя. Мягкий светлый фон, один акцентный цвет. Без корпоративного языка.
Каркасы полноценных SaaS
4. SaaS с подпиской одним промптом
Собери полноценный SaaS с подпиской под названием [Название] для [аудитория]. Нужны: лендинг, вход (почта и Google), аккуратный дашборд с боковым меню, одна страница с главной функцией, настройки, оплата через Stripe с одним тарифом $19 в месяц и выход из аккаунта. Базу данных и авторизацию на управляемом бэкенде. Дизайн: премиальный минимализм, мягкий фиолетовый основной цвет, шрифт Inter, много воздуха. Адаптив под телефон.
5. Внутренний инструмент или админка
Собери внутренний инструмент для [команда], чтобы управлять [сущность]. Один экран: спокойная плотная таблица с поиском, фильтрами по [поля], правкой прямо в строке и массовыми действиями. Боковое меню для связанных сущностей. Управляемый бэкенд. Стиль в духе Linear, тёмная тема по умолчанию, моноширинный шрифт для ID. Ясность важнее украшений. Без маркетинговых элементов.
6. Каркас маркетплейса на две стороны
Собери MVP маркетплейса, который связывает [предложение] и [спрос]. Две роли с разными кабинетами. Продавец: профиль, создание объявления, входящие. Покупатель: поиск, карточка объявл ения, кнопка связи. Вход с выбором роли при регистрации. Управляемый бэкенд. Чистый журнальный стиль. Переписку в первой версии не делай, вместо неё кнопка «Написать продавцу», которая открывает письмо по шаблону.
MVP одним промптом
7. Бриф MVP на семь дней
Собери самую маленькую полезную версию [Продукт]. Один экран, один ввод, один результат. Вход в первой версии не нужен, состояние сохраняй в localStorage. Результат должен быть ровно тем, ради чего пользователь пришёл. Премиальный минимализм. Над экраном одно предложение о том, что это делает. Под ним одна кнопка: «Сохранить на потом» (создаёт аккаунт).
8. Инструмент на ИИ с одной задачей
Собери инструмент на ИИ из одного экрана: вставляешь [ввод], получаешь [результат]. Используй Lovable AI на управляемом бэкенде с моделью [модель]. Аккуратное поле для текста, одна кнопка генерации и панель результата с копированием в буфер. Ненавязчивое ожидание (мигающий курсор, без спиннера). Удобно на телефоне. В подвале одна строка: «Сделано на Lovable». Ограничения частоты в первой версии не нужны, добавим позже.
Дизайн-системы и визуальный стиль
9. Настроить дизайн-систему с характером
Прежде чем делать функции, настрой дизайн-систему в index.css и tailwind.config. Основной цвет: [hex] (переведи в HSL). Фон: тёплый светлый (hsl 40 30% 97%). Текст: почти чёрный (hsl 240 15% 10%). Заголовки Inter Display 700, текст Inter 400, акцентный курсив Playfair Display 500. Скругление 0.75rem. Добавь утилиту мягкого градиента .gradient-text и утилиту стеклянной карточки. Все будущие компоненты используют эти токены. Никогда не вписывай hex прямо в компонент.
10. Сделать готовое приложение дороже на вид
Переделай оформление текущего приложения в стиле дорогого журнала. Замени стандартные настройки shadcn: заголовки Inter Display, акцентное слово в каждом H1 курсивом Playfair Display, мягкий градиент из фиолетового в розовый на главных кнопках, щедрые отступы (py-24 между секциями на компьютере) и асимметричная вёрстка там, где уместно. Убери эмодзи из заголовков. Добавь по одному декоративному разделителю на страницу.
Отдельные элементы интерфейса
- Таблица цен с одним выделенным тарифом и без лишних функций.
- Первый экран с эффектом печатной машинки, который по кругу показывает три сценария продукта.
- Макет статьи в журнальном стиле с буквицей, выносной цитатой и полосой прогресса чтения.
- Спокойный онбординг в три шага с кнопкой «пропустить», за которую пользователя не наказывают.
- Пустые состояния с одной иллюстрацией и одним следующим действием.
- Страница настроек, которая ощущается как настройки Apple, а не как форма на Bootstrap.
ИИ- функции и интеграции
11. Добавить чат в готовое приложение
Добавь в текущее приложение панель чата. Используй Lovable AI с моделью google/gemini-3-flash-preview. Храни переписку на управляемом бэкенде, отдельно для каждого вошедшего пользователя. Ответы потоком, без блокировки. Интерфейс минимальный: одна колонка, большой межстрочный интервал, без пузырей с аватарами. Команда /clear очищает переписку.
12. Структурированная выжимка из документа
Добавь функцию: пользователь загружает PDF и получает структурированную выжимку, а именно заголовок, три главных вывода и одно рекомендуемое действие. Используй структурированный вывод Lovable AI (схема Zod). Покажи результат как журнальную карточку, а не как JSON. Сохраняй каждую выжимку в историю пользователя.
Промпты для исправлений
13. Точечный рефакторинг
[Компонент] делает слишком много. Раздели его на небольшие компоненты с одно й задачей каждый в новой папке. Внешний интерфейс оставь прежним. Логику не меняй. После разделения родительский файл должен быть короче 100 строк.
14. Честный разбор дизайна
Посмотри на текущий экран глазами судьи Awwwards. Назови три самых слабых визуальных решения и предложи конкретную замену. Потом внедри её. Будь категоричен.
15. Аудит скорости
Профилируй главную страницу. Найди три самых медленных рендера или самых тяжёлых ресурса. Исправь: ленивая загрузка картинок ниже первого экрана, разделение кода тяжёлых маршрутов, замена ненужных клиентских компонентов. Цель: Lighthouse от 95 на мобильных.
Как пользоваться подборкой
Возьмите самый близкий промпт. Подставьте значения в квадратных скобках. Добавьте одно предложение о том, чего не нужно делать. Дальше дорабатывайте результат маленькими точечными промптами, а не переписывайте бриф целиком.
Скопируйте любой промпт выше в новый проект и посмотрите, что получится.
Частые вопросы
Длинные промпты дают в Lovable результат лучше?
Не всегда. Лучшие промпты плотные, а не длинные. В них названы бренд, аудитория, результат, визуальный ориентир и ограничения. Лишние прилагательные делают результат размытее.
Писать промпты на английском или по-русски?
Работает и так, и так. Модель действительно многоязычная. Мы видели отличные результаты на русском, испанском, французском и португальском. Пишите на том языке, на котором вам проще думать.
Как задать в промпте конкретный визуальный стиль?
Назовите один-два известных ориентира вместо длинной цепочки прилагательных. «Linear плюс Kinfolk» даёт более цельный результат, чем «современный, стильный, премиальный, минималистичный, красивый».
Можно ли сохран ять промпты и использовать их в других проектах?
Да. Советуем вести свою библиотеку промптов, хотя бы в обычном текстовом файле, и относиться к каждому промпту как к своему инструменту, который со временем оттачивается.
Какое предложение важнее всего добавить в любой промпт для Lovable?
Предложение о том, чего делать не нужно. Ограничения дают вкус, а полная свобода даёт расползание.
Рассылка
Лучшее о Lovable раз в неделю
Глубокие разборы, кейсы основателей и тактика роста. Без шума.
Никакого спама. Отписка в один клик.
Создавайте вместе с нами
Начать создавать с Lovable
Откройте Lovable, напишите первый промпт и запустите то, о чём давно думали.
Начать создавать с Lovable
