Lovable logo
Developer ToolsAuth: OAuthHosting: Official hosted

Lovable MCP Server

Build, edit, and ship full-stack web apps from any AI agent via Lovable's official MCP server.

Updated

What is Lovable MCP?

The Lovable MCP server is a Model Context Protocol server that lets any supported AI agent build, edit, and ship full-stack web apps through Lovable — without opening the Lovable UI.

Lovable is an AI app builder: you describe what you want in plain language and it generates a working application. The MCP server exposes the same primitives Lovable runs on — projects, chat, files, connectors, databases, and deploys — as tools an agent can call. From a client like Claude or Cursor, your agent can create a project, send build instructions to Lovable's agent, inspect the generated code, manage the cloud database, and deploy.

The server is officially hosted by Lovable at https://mcp.lovable.dev and uses OAuth, so there are no API keys to manage — you authenticate once through your client and the agent acts on your behalf.

Tools the Lovable MCP server exposes

ToolWhat it does
create_projectCreate a new Lovable project (consumes credits).
list_projectsList the projects in a workspace.
get_projectFetch details about a specific project.
send_messageSend a build/edit instruction to Lovable's agent (consumes credits).
get_messageRetrieve a message and its result from the agent.
list_filesList the files in a project.
read_fileRead the contents of a file in a project.
get_diffView the code diff for recent changes.
deploy_projectDeploy a project to publish the app.
query_databaseRun a query against the project's cloud database.

Connect the Lovable MCP server

Claude Code

  1. 1

    Add the remote server

    Run: claude mcp add --transport http lovable https://mcp.lovable.dev

  2. 2

    Authenticate via OAuth

    On first use, Claude Code opens the Lovable OAuth flow in your browser — approve access to your Lovable workspace.

  3. 3

    Verify

    Run /mcp in Claude Code and confirm the lovable server is connected, then ask it to list your Lovable projects.

Cursor

  1. 1

    Edit mcp.json

    Add an http server entry pointing at https://mcp.lovable.dev to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).

  2. 2

    Authenticate via OAuth

    Cursor prompts you to sign in to Lovable through the OAuth flow when the server first connects.

  3. 3

    Verify

    Open Cursor Settings → MCP and confirm Lovable shows as connected with its tools available.

Sample use cases

Generate a working app from a prompt inside your existing AI client

Lovable builds a React/Vite/Tailwind app and you stay in Claude or Cursor.

Iterate on and inspect a Lovable project's code from an agent

Read files, view diffs, and send edit instructions without switching tools.

Deploy a Lovable app as the final step of an automated workflow

An agent ships the app and reports the result downstream.

Security & permissions

The Lovable MCP server authenticates exclusively over OAuth — there are no API keys to create, store, or rotate. You sign in to your Lovable account through your MCP client, and the connected agent then acts on your behalf within your authorized workspace: it can create and modify projects, read generated code and files, manage the project's cloud database, and trigger deploys. Because actions run against your real workspace and credits, scope access to clients and workflows you trust. OAuth is currently supported only for Lovable's listed assistant and editor clients; other MCP clients cannot complete the flow.

Using Lovable MCP with Gamut

In a Gamut workflow, Lovable becomes a tool a scheduled or event-triggered agent can call without a human at the keyboard. Gamut manages the OAuth connection to https://mcp.lovable.dev, so an agent can — on a trigger such as a new design spec, an inbound request, or a cron schedule — call Lovable to spin up or iterate on a project, read back the generated code, and deploy, then report the result downstream. This is best for orchestrating Lovable as one step in a larger automation; note that createproject and sendmessage draw on your Lovable credits, so design the trigger and guardrails accordingly.

Frequently asked questions

What is the Lovable MCP server?

It is an official Model Context Protocol server, hosted by Lovable at https://mcp.lovable.dev, that lets a supported AI agent build, edit, inspect, and deploy full-stack web apps through Lovable without opening the Lovable UI.

Is the Lovable MCP server free?

Yes — it is available on every Lovable plan, including Free. Most tools are free to call; the create_project and send_message tools consume your standard Lovable credits.

How do I connect the Lovable MCP server to Claude or Cursor?

Add https://mcp.lovable.dev as a remote HTTP MCP server in your client (e.g. 'claude mcp add --transport http lovable https://mcp.lovable.dev', or an http entry in Cursor's mcp.json), then complete the OAuth sign-in when prompted. In Claude's apps you can also add it via Connectors → Browse Connectors → Lovable.

Is the Lovable MCP server hosted or self-hosted?

It is officially hosted by Lovable at https://mcp.lovable.dev — you do not run or install anything yourself; you just point your client at the remote URL and authenticate via OAuth.