Lovable Integration

This guide walks you through setting up a simple frontend interface for interacting with your Toolhouse agent.

💡 This guide assumes you already have an agent created. If you don’t, click this link to create one: Example Agent - Search X and get email digest

1. Publish Your Agent

Once your agent is ready, click the Publish button. You’ll be taken to a screen that looks like this:

2. Get the Lovable Prompt

After publishing, navigate to the Lovable tab to get a pre-generated prompt. This prompt is automatically configured to create a chat interface that integrates with your Toolhouse agent.

This is what you’ll paste into lovable.dev.

Your screen will look something like this:

3. Go to Lovable.dev

Open lovable.dev in your browser.

You’ll land on a page with an input field like this:

4. Paste the Prompt

Paste the copied prompt into the input field.

Press Enter, and your frontend will be ready to interact with the agent.

You’ve now connected your Toolhouse agent to a frontend using Lovable! From here, you can use Lovable to further customize your app.

Need help? Visit Toolhouse Support or ask in our Community Discord.