Lovable

Claude Code

1. Run this in a terminal, in your project folder:

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

1. Start Claude Code, type /mcp, pick lovable and choose Authenticate. A browser window opens for the Lovable sign-in.

Add --scope user to make it available in every project, not just this one.

Claude Desktop

1. Open Settings → Connectors and click Add custom connector.
2. Name it Lovable and paste this URL:

https://mcp.lovable.dev

1. Click Add, then Connect, and sign in when Lovable asks.

Claude Desktop’s JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.

claude.ai

1. Open the connector form on claude.ai. This button fills in the name and URL for you:

Zu claude.ai hinzufügen (öffnet in einem neuen Tab)

1. Check that the URL reads https://mcp.lovable.dev and click Add.
2. Click Connect and sign in when Lovable asks.

Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under Organization settings → Connectors.

ChatGPT

1. On chatgpt.com, open Settings → Security and login and turn on Developer mode.
2. Go to chatgpt.com/plugins and click + to create an app for a remote MCP server.
3. Paste https://mcp.lovable.dev as the server URL and choose OAuth. ChatGPT sends you to Lovable to sign in.

Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.

Cursor

Zu Cursor hinzufügen (öffnet in einem neuen Tab)

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

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

Cursor shows Needs login next to the server. Click it to sign in.

VS Code

Install in VS Code (öffnet in einem neuen Tab)

Or from a terminal:

code --add-mcp '{"name":"lovable","type":"http","url":"https://mcp.lovable.dev"}'

Or commit it to the repo in .vscode/mcp.json:

{
  "servers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev"
    }
  }
}

VS Code asks you to sign in the first time the server starts.

Devin Desktop

1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):

{
  "mcpServers": {
    "lovable": {
      "serverUrl": "https://mcp.lovable.dev"
    }
  }
}

1. Refresh the MCP server list in Cascade and sign in when asked.

Devin Desktop is the new name for Windsurf. It reads serverUrl (or url) for remote servers.

Codex

codex mcp add lovable --url https://mcp.lovable.dev
codex mcp login lovable

Or edit ~/.codex/config.toml directly:

[mcp_servers.lovable]
url = "https://mcp.lovable.dev"

Gemini CLI

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

Then, inside Gemini CLI, run /mcp auth lovable to sign in.

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients accept this shape. Some name the URL field differently: serverUrl in Devin Desktop, httpUrl in Gemini CLI’s settings file.

{
  "mcpServers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev"
    }
  }
}

Zed puts servers under context_servers in its settings. Cline needs "type": "streamableHttp", or it assumes SSE.

Client only starts local servers? Bridge it with npx -y mcp-remote https://mcp.lovable.dev.

README-Badge

[![Lovable on mcp.tc](https://mcp.tc/i/lovable/badge.svg)](https://mcp.tc/i/lovable)

<a href="https://mcp.tc/i/lovable"><img src="https://mcp.tc/i/lovable/badge.svg" alt="Lovable on mcp.tc" height="20"></a>

Es folgt dem hellen oder dunklen Modus der Lesenden. Hänge ?theme=light oder ?theme=dark an, um ihn festzulegen, oder ?style=compact, um das Zeichen ohne Schriftzug zu zeigen.

Website-Karte

<script src="https://mcp.tc/w/lovable.js" async></script>

Die Karte erscheint dort, wo das Tag steht. Füge dem Tag data-theme="dark" oder data-size="compact" hinzu, um sie zu ändern. Die Datei enthält alles, was sie braucht, stellt also keine weiteren Anfragen und setzt keine Cookies.

iframe

<iframe src="https://mcp.tc/embed/lovable" title="Lovable on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Nutze es auf Seiten, die keine Skripte erlauben. Hänge ?theme=light oder ?theme=dark an die Adresse an, um die Farben festzulegen.

JSON

Der Eintrag als Daten für deine eigenen Seiten und Tools: Name, Kurzbeschreibung, die eigene URL des Servers, Tools und die „Add to“-Links. Jede Website kann ihn lesen (CORS ist offen).

https://mcp.tc/i/lovable.json

Was jedes Feld bedeutet