Лучшие практики

Как максимально эффективно использовать Lovable

Это руководство поможет всем пользователям — новичкам и опытным — быстро освоиться и избежать распространенных ошибок при разработке на Lovable.

1. Заложите основу: используйте файл знаний (Knowledge File)

Почему это важно: Файл знаний — это мозг вашего проекта. Он отправляется с каждым запросом и помогает ИИ понять полный контекст.

Что включить:

Ваше видение продукта (как техническое задание)
Пользовательские пути и персонажи
Ключевые функции и возможности
Дизайн-системы и руководство по UI
Поведение по ролям (например, Администратор, Пользователь, Инвестор)

Вы можете автоматически сгенерировать файл знаний через режим чата:

Сгенерируй знания для моего проекта на момент T=0 на основе уже реализованных функций.
Generate knowledge for my project at T=0 based on the features I’ve already implemented.

2. Лучшие практики составления запросов

Четкие, подробные запросы = лучший результат. Думайте об ИИ как о своем партнере-разработчике — он знает только то, что вы ему говорите.

Советы по составлению запросов:

Будьте конкретными: Указывайте точную страницу (например, /dashboard) и ожидаемое поведение.
Используйте естественный язык:

Я хочу, чтобы пользователи с ролью Инвестор имели доступ к этому компоненту, но не Администраторы.
I want users with the role Investor to access this component, but not Admins.

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

Не редактируй /shared/Layout.tsx.
Do not edit /shared/Layout.tsx.

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

**Шаблон разбивки функций:**
Создать новую страницу
Добавить макет UI
Подключить данные
Добавить логику + граничные случаи
Протестировать по ролям

**Feature Breakdown Template:**
Create the new page
Add UI layout
Connect the data
Add logic + edge cases
Test per role

Если в вашем приложении есть несколько ролей (например, Администратор, Инвестор, Стартап), всегда определяйте, к какой роли относится запрос. Это помогает избежать багов, вызванных общей логикой/компонентами.

Как Инвестор, я хочу просматривать панель управления компании, но не должен иметь возможность её редактировать. Пожалуйста, изолируй эту функцию только для роли Инвестор.
As an Investor, I want to view the company dashboard, but I shouldn’t be able to edit it. Please isolate this feature to the Investor role only.

3. Используйте режим чата часто и с самого начала

Режим чата = ваш ИИ-помощник. Он помогает отлаживать, проводить мозговой штурм и планировать реализацию — не редактируя ваш код, пока вы не будете готовы.

Когда переключаться на режим чата:

После 2-3 неудачных попыток "Попробовать исправить"
При отладке сложной логики или проблемах с базой данных
При планировании новых функций

Предложи 3 способа реализации X
Suggest 3 ways to implement X

💡Совет по рабочему процессу:

Некоторые пользователи используют режим чата 60-70% времени. Нажимайте "Реализовать план" только когда полностью удовлетворены.

💡Если вы забыли использовать режим чата, этот формат улучшает консистентность вывода и предотвращает случайные правки.

На странице /settings реализуй [функцию]. Ожидаемое поведение — [XYZ]. Пожалуйста, не трогай компонент A, макет B или общую логику без необходимости. Следуй лучшим практикам Tailwind / Supabase / X.
On page /settings, implement [feature]. The expected behavior is [XYZ]. Please don’t touch component A, layout B, or shared logic unless necessary. Follow best practices from Tailwind / Supabase / X.

💡Чтобы избежать нежелательного выполнения кода:

Исследуй, но пока не пиши код.
Investigate but don’t write code yet.

Предложи 3 способа решения без изменений.
Suggest 3 ways to solve this without changing anything.

Это оставляет контроль в ваших руках.

💡Когда ИИ входит в "бесконечный цикл", используйте эту последовательность действий, чтобы избежать бесконечных циклов исправления сломанного кода:

Переключитесь на режим чата
Вставьте скриншот ошибки
Скажите:

Пожалуйста, исследуй это, не ломая другие функции. Если нужно, откати к последней рабочей версии и исправь оттуда.
Please investigate this without breaking other features. If needed, revert to the last working version and fix from there.

4. Избегайте распространенных ошибок с Supabase

Внимание: Supabase сложно откатить "чисто". Если вы откатите версию, схема базы данных может сломаться.

Лучшие практики:

Подключайте Supabase после того, как убедитесь, что фронтенд стабилен
Если нужно откатиться, попросите ИИ:

Пожалуйста, проверь SQL-схему на T=0 и убедись, что не произошло критических изменений.
Please validate the SQL schema at T=0 and ensure no breaking changes have occurred.

Всегда тестируйте функции, связанные с базой данных, перед публикацией

5. Используйте визуальное редактирование для быстрых исправлений UI

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

Изменения текста, цветов, шрифтов, настройки макета
Редактирования нескольких мелких элементов одновременно
Безопасных коммитов без трат кредитов (с возможностью отмены)

6. Мудро используйте GitHub + контроль версий

Каждое редактирование — это коммит. Используйте закрепление (pinning) для отметки стабильных версий.
После каждого работающего коммита - закрепите его
После каждого бага: Визуально сравните версии. Вы можете запросить:

Сравни версию T-1 с T-0. Что изменилось? Что могло сломаться?
Compare version at T–1 to T–0. What changed? What might be breaking?

Возвращайтесь к стабильной версии, если чувствуете, что ИИ сломал слишком много.
Используйте ветки GitHub (branches) на свой страх и риск. Не удаляйте ветку прежде чем переключитесь обратно на main в Lovable, чтобы избежать проблемы синхронизации проекта.

7. Когда всё остальное не помогает, сделайте Ремикс

Многие пользователи осознают: переделать всё занимает меньше времени со второй попытки.

Ремикс создает чистую копию вашего проекта на T=0
Пересоберите проект с лучшими запросами + с более четким пониманием
Используйте старый проект только как справочник

Случаи использования:

Вы застряли в бесконечном цикле багов
Хотите начать заново с сохраненной историей
Нужно отключить Supabase и попробовать новый путь

💡Ремикс требует сначала отключения Supabase.

8. Оставайтесь терпеливыми, оставайтесь спокойными

Вы не одиноки. ИИ умеет быть волшебным в один момент и раздражающим в следующий. Финальные 5% любой разработки часто самые медленные — но самые важные.

💡Золотое правило:

Не торопитесь с запросами. Перепроверяйте всё. Разбивайте работу на небольшие, тестируемые блоки. Чем точнее ваши входные данные, тем лучше ваши результаты.

9. Используйте документацию и просите помощи

Документация содержит пошаговые инструкции, шаблоны, SEO-советы, интеграции и многое другое. Вы можете задавать вопросы напрямую ИИ-помощнику в документации.
Присоединяйтесь к Discord-сообществу для получения поддержки сообщества.
Когда будете готовы, запустите свой проект на платформе Lovable Launch.

10. Бонусные советы

Составляйте длинные промпты с помощью голосовых заметок (например, на Mac используйте микрофон для диктовки длинных запросов). Набор текста ускорится — особенно полезно, когда вы расстроены или устали.
Используйте паттерн запроса "Я расстроен..." чтобы подтолкнуть ИИ к лучшей фокусировке
После крупного редактирования всегда перепроверяйте несколько ролей и их поведение (особенно с условной логикой)
Сохраняйте стабильные версии как резервные копии для быстрой отладки

Если вы видите неожиданные побочные эффекты, вот, что поможет избежать багов, вызванных слишком общей логикой.

Создай компонент специально для [роли X] и не переиспользуй общие компоненты без четкой области действия.
Create a component specifically for [role X] and do not reuse shared components unless clearly scoped.