Прежде чем писать промпты, важно понять, как Lovable обрабатывает твои запросы. **Lovable — это не волшебник, а очень умный исполнитель. **Он отлично справляется, когда ты:
Даёшь чёткую структуру
Описываешь конкретные элементы
Указываешь желаемое поведение
Приводишь примеры или референсы
Он теряется, когда ты:
Пишешь слишком абстрактно ("сделай красиво")
Даёшь противоречивые инструкции
Пытаешься описать всё сразу в одном промпте
Любой промпт для Lovable состоит из 4 блоков (не все обязательны):
1. КОНТЕКСТ — что это за приложение, для кого 2. ФУНКЦИИ — что должно делать 3. СТРУКТУРА — из чего состоит (элементы, блоки) 4. СТИЛЬ — как должно выглядеть
Чем конкретнее каждый блок — тем лучше результат.
Это самый важный промпт — он задаёт фундамент всего приложения. Его можно составить в квизе, который выдается автоматически, если промпт недостаточно детальный.
Но вы можете взять это под контроль самостоятельно, сделав его изначально детализированным.
Шаблон:
Мне нужно [тип приложения] для [целевая аудитория / цель]. Основные функции: - [функция 1] - [функция 2] - [функция 3] Начни с создания [главной страницы / первого экрана], которая содержит: - [элемент 1] - [элемент 2] - [элемент 3] Пока используй тестовые данные. Дизайн должен быть [стиль].
Пример: Таск-менеджер
Мне нужно приложение для управления задачами. Основные функции: - Создание проектов и задач - Назначение задач пользователям - Напоминания о сроках выполнения - Обзорная панель (дашборд) Начни с создания главной страницы — дашборда, которая содержит: - Заголовок с навигацией - Список проектов с указанием их статуса - Кнопку для создания нового проекта Пока используй тестовые данные. Дизайн должен быть чистым, простым и адаптивным для мобильных.
Пример: Трекер привычек
Мне нужно приложение для отслеживания привычек. Основные функции: - Добавление новых привычек - Отметка выполнения за день - Статистика за неделю/месяц - Серии (streaks) для мотивации Начни с главного экрана, который содержит: - Список привычек на сегодня с чекбоксами - Текущую серию для каждой привычки - Кнопку добавления новой привычки - Мини-календарь внизу Тёмная тема, минималистичный дизайн в стиле приложений Apple.
Пример: Лендинг
Мне нужен лендинг для сервиса [название/описание]. Целевая аудитория: [кто] Главное ценностное предложение: [что получит пользователь] Структура страницы: - Hero-секция с заголовком, подзаголовком и CTA-кнопкой - Секция "Проблема" — описание боли клиента - Секция "Решение" —…