Work with Lovable in the project chat

1. 1

   Open the project chat panel in the editor.

   This is your main workspace to communicate with Lovable about your app.

2. 2

   Type your request into the text field at the bottom, or click the microphone to speak your message.

   This is how you tell Lovable what you want it to do, like adding a feature or fixing something.

3. 3

   If needed, click the '+' button next to the chat input to attach files (like designs, screenshots, or documents) or add context (like skills or other projects).

   Attaching files or adding context helps Lovable understand your request better and work more accurately.

4. 4

   Choose a 'mode' (Build, Chat, or Plan) using the picker next to the chat input.

   This tells Lovable how to respond: 'Build' makes changes, 'Chat' discusses without changing code, and 'Plan' thinks through bigger tasks.

5. 5

   Send your message by pressing Enter or clicking the send button.

   This sends your instructions to Lovable to start working.

6. 6

   Review Lovable's responses, which show what changed, and send follow-up messages to steer its work or answer its questions.

   You can guide Lovable in real-time, correct its course, or provide more information if it asks.

7. 7

   If Lovable makes a mistake or you change your mind, use 'Undo latest edit' on its response or 'Edit message' on your own past message to correct course.

   This allows you to easily revert changes or retry instructions if things don't go as planned.

Add a sign-up form with email and password fields.

Mode picker

A menu that lets you choose how Lovable should interact with your project: either by making direct changes, discussing ideas, or planning out tasks.

Activity cards

Small updates in the chat that show you what Lovable is doing, like editing files, searching the web, or running tests.

Follow-ups

Messages you send to Lovable while it's still working on a previous request. Lovable will pick them up at its next natural stopping point to adjust its work.

Credit check-in

A pause in Lovable's work that asks for your approval to continue, usually when a task is expected to cost a significant amount of credits.

• Don't wait for Lovable to finish before sending your next message if you have a follow-up; it can pick up new instructions quickly.
• Avoid sending many rapid, separate messages if you have several changes in mind; combine them into one message for better reliability.
• Be aware that large files in your project can slow down loading and previewing; compress images and host videos externally.
• Remember that 'Chat' in the mode picker is for project-specific discussions, while 'Chats' (from the dashboard) are private conversations outside your projects.