# Lovable

> Build, change and publish Lovable apps from your agent: create projects, send changes, review diffs and run the database.

Lovable's official MCP server, with its plugin for Claude Code. Connect your agent to Lovable, the AI app builder, and it can create projects, send change requests to a project's Lovable agent, read the code and diffs, work with the project's database and publish the app, from the chat you're already in.

What you can do with it
- Create a project from a prompt, optionally from a template or a design system, and get its editor and preview URLs
- Send messages to a project's Lovable agent, with plan mode for bigger changes, then review the diff of what changed
- Read a project's file tree, single files and edit history
- Publish a project to lovable.app and get the live URL, or remix a project into a copy
- Turn on a project's database, run SQL and get its connection details
- Read and set workspace and project knowledge, manage workspace skills and connectors, and see a published app's traffic

How it connects
The hosted server is at https://mcp.lovable.dev, and you sign in to Lovable with OAuth; there's no API key. Lovable documents setup for ChatGPT, Claude (Desktop and claude.ai), Claude Code, Cursor and VS Code. Its Cursor setup also passes Lovable's public OAuth client ID, 6d465f583e1e4ce5801b1616f735670c.

The Claude Code plugin
Lovable's plugin bundles the same server with three commands: /lovable:build creates an app from a description and can deploy it, /lovable:iterate sends a change and shows the diff, and /lovable:db sets up or queries the database. Each one asks before it spends credits, publishes or writes data. Install it with /plugin marketplace add lovablelabs/mcp, then /plugin install lovable@lovable.

Good to know
- It works on every Lovable plan. On Enterprise workspaces, an admin turns on third-party MCP clients first.
- create_project and send_message use Lovable credits; the other tools are free.
- The connection can reach every project and workspace you can, within the scopes you approve.
- deploy_project publishes the app to a live URL, and query_database can read, write and change the schema.

- Type: Plugin
- Made by: Lovable
- Category: Developer tools
- Formats: Remote MCP, Claude plugins
- Version: latest
- Website: https://docs.lovable.dev/integrations/lovable-mcp-server
- Source: https://github.com/lovablelabs/mcp
- Page: https://pluginboard.ai/plugins/lovable

## Works with

- ChatGPT
- Claude
- Muse
- Grok Bot
- Gemini
- Grok
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT on the web: Plugins → + → Add custom MCP server, then paste https://mcp.lovable.dev under Connection. Business and Enterprise plans; Pro can add read-only servers.

### Claude

In Claude (web or desktop): Customize → Plugins → Add → Add marketplace, enter anthropics/claude-plugins-official, then add lovable

### Muse

In Muse: In a Muse chat, ask it to create a custom connector for the MCP server at https://mcp.lovable.dev. Then tap Connect on the card it shows and sign in, or add your key.

### Grok Bot

In Grok Bot: In a chat with your Bot, say "Add this MCP server: https://mcp.lovable.dev". It confirms the details with you and sets it up, and the tools are ready from your next message.

### Gemini

In Gemini: At gemini.google.com: Settings → Connected Apps → Add a custom app, then paste https://mcp.lovable.dev

### Grok

In Grok on the web: At grok.com/connectors: New Connector → Custom, then enter https://mcp.lovable.dev and sign in if it asks.

### GitHub Copilot

Add to VS Code: vscode:mcp/install?%7B%22name%22%3A%22lovable%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.lovable.dev%22%7D

Copilot CLI:

```shell
copilot mcp add --transport http lovable https://mcp.lovable.dev
```

### Cursor

Add to Cursor: cursor://anysphere.cursor-deeplink/mcp/install?name=lovable&config=eyJ1cmwiOiJodHRwczovL21jcC5sb3ZhYmxlLmRldiJ9

Add to .cursor/mcp.json:

```json
{
  "mcpServers": {
    "lovable": {
      "url": "https://mcp.lovable.dev"
    }
  }
}
```

### Claude Code

In Claude Code:

```text
/plugin marketplace add anthropics/claude-plugins-official
/plugin install lovable@claude-plugins-official
```

### Codex

Run in your terminal:

```shell
codex mcp add lovable --url https://mcp.lovable.dev
```

### Antigravity

Add to ~/.gemini/config/mcp_config.json:

```json
{
  "mcpServers": {
    "lovable": {
      "url": "https://mcp.lovable.dev"
    }
  }
}
```

### Gemini CLI

Run in your terminal:

```shell
gemini mcp add --transport http lovable https://mcp.lovable.dev
```

### Replit

In Replit: At replit.com/integrations, open MCP Servers → + Add MCP server, paste https://mcp.lovable.dev (add any headers under Advanced settings), then click Test & save.

### OpenClaw

Run in your terminal:

```shell
openclaw mcp add lovable --url https://mcp.lovable.dev --transport streamable-http
```

If it needs a key or sign-in: For https://mcp.lovable.dev, add --header NAME=value for each header it needs, or --auth oauth and then run openclaw mcp login lovable.

### OpenCode

Run in your terminal:

```shell
opencode mcp add lovable --url https://mcp.lovable.dev
```

If it needs a key: For https://mcp.lovable.dev, add --header 'NAME=value' for each header it needs. Add --global to use it in every project.

### Hermes Agent

Run in your terminal:

```shell
hermes mcp add lovable --url https://mcp.lovable.dev
```

Add to ~/.hermes/config.yaml:

```json
{
  "mcp_servers": {
    "lovable": {
      "url": "https://mcp.lovable.dev"
    }
  }
}
```

If it signs in with OAuth: If https://mcp.lovable.dev asks you to sign in, add --auth oauth to the command, or auth: oauth to its entry.

---
From Pluginboard (https://pluginboard.ai).