Перейти к содержанию

Промпт-магия/Lovable

Материал из Викиверситета
Файл:Lovable prompting example.png
Пример использования Lovable для создания приложений

Промпт-магия: Lovable

На этой странице собраны основные положения из The Lovable Prompting Bible — руководства по созданию эффективных промптов для платформы Lovable.

Основные принципы создания промптов

[править]

Структура и уровни промптов

[править]

Создание эффективных промптов — это не просто ввод запроса в ИИ в надежде на лучший результат. Это структурированный процесс, который помогает автоматизировать задачи, быстрее отлаживать код и оптимизировать рабочие процессы.

Существует четыре уровня создания промптов:

Тренировочные колеса (Training Wheels Prompting)
Структурированный подход с чёткими метками для ясных инструкций ИИ:

Context: You are a world-class prompt engineer.
Task: Write me a prompt that will generate a full-stack app taking an input of name, number, and company, and generate a company report.
Guidelines: Use React for the frontend and Node.js for the backend.
Constraints: The app should be responsive and work on mobile devices.

Без тренировочных колёс (No Training Wheels)
Более разговорный стиль, сохраняя ясность.
Мета-промптинг (Meta Prompting)
Использование ИИ для улучшения ваших промптов:

Rewrite this prompt to be more concise and detailed: 'Create a secure login page in React using Supabase, ensuring role-based authentication.'

Обратный мета-промптинг (Reverse Meta Prompting)
При отладке просите ИИ документировать процесс для будущего использования:

Summarize the errors we encountered while setting up JWT authentication and how they were resolved. Create a detailed prompt I can use next time.

База знаний

[править]

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

  • Документ с требованиями к проекту (PRD)
    • Введение
    • Поток приложения
    • Основные функции
    • Используемый стек технологий
  • Поток приложения или пользователя
Описание связей между страницами и функциями.
  • Стек технологий
Все технические детали, включая фронтенд, бэкенд, интеграции API и инструкции по развёртыванию.
  • Руководство по фронтенду
Дизайн-принципы, стили, структура страниц, навигация, цветовые палитры и типографика.
  • Структура бэкенда
Технологии бэкенда, аутентификация пользователей, архитектура базы данных, API-эндпоинты, меры безопасности.

Отладка

[править]

Отладка — важная часть работы с Lovable. Вот несколько советов:

  • Используйте режим "Chat mode" для анализа ошибок.
  • Проверяйте консоль браузера для поиска ошибок.
  • Используйте инструменты разработчика для анализа сетевых запросов и состояния приложения.

Пример промпта для отладки: Analyze the error and suggest an alternative approach.

Автоматизация с помощью make.com и n8n

[править]

Автоматизация может значительно улучшить рабочие процессы:

  • Make.com: Интеграция внешних сервисов (Slack, Stripe, CRM-инструменты).
  • n8n: Самонастраиваемая, масштабируемая автоматизация.

Пример использования автоматизации: Create a landing page in Lovable with a form for dental issues.
Send data to make.com via Webhooks.
Use an AI API (e.g., Perplexity AI) for live research.

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

[править]
  • ppirate.lovable.app — пример приложения, созданного с использованием связки Lovable и Le Chat Mistral.

Ссылки

[править]