If you want to use any of my migration skills, or just want to talk to your Lovable and Supabase projects from Claude, you need to connect the MCPs first.
The setup is different depending on whether you're using **claude.ai chat** (the web app) or Claude Code (the CLI). Here's how to do both.
claude.ai chat (web)
Everything happens in Settings. Here's the full flow.
Step 1: Open Settings
Click your profile icon in the bottom left, then Settings.
Step 2: Go to Connectors
In the left sidebar, click Connectors.
Supabase
Supabase is already in the connector directory. Find it in the list and click Configure, then follow the authorization flow. Done.
Lovable
Lovable is not in the directory yet, so you add it as a custom connector.
Step 3: Add custom connector
Scroll to the bottom of the Connectors page and click Add custom connector.
Step 4: Enter the name
In the dialog, type a name for the connector. I use "Lovable MCP".
Step 5: Enter the URL
Enter https://mcp.lovable.dev as the Remote MCP server URL and click Add.
Step 6: Connect
The connector now appears at the bottom of the list. Click Connect to activate it.
Step 7: Grant permission
Lovable will open an authorization page. Click Allow to grant Claude access to your projects.
Step 8: Done
Once authorized, the button changes to Configure. Lovable MCP is now connected.
That's it. You can verify by starting a new chat and saying "list my Lovable projects" or "show my Supabase organizations".
Claude Code (CLI)
In the CLI, MCPs are added with the claude mcp add command.
Supabase
Supabase MCP is auto-available as a plugin in Claude Code. You don't need to add it manually - it shows up when you run /mcp or when a skill needs it. If it's not connected, Claude Code will prompt you.
Lovable
Lovable needs to be added manually:
claude mcp add --transport http lovable "https://mcp.lovable.dev"This adds it to your Claude Code configuration. You'll be prompted to authorize the first time it's used.
You can verify both are connected by running /mcp in Claude Code - it lists all active MCP servers.
Claude Code on the web
If you're using Claude Code on the web at claude.ai/code, the setup is the same as the CLI version. The terminal in the web VM runs the same claude mcp add command.
Which MCPs do you need?
| Task | Lovable MCP | Supabase MCP |
|---|---|---|
| Migrate from Lovable Cloud | Yes | Yes |
| Build in Lovable from Claude | Yes | No |
| Manage Supabase from Claude | No | Yes |
| Use migration skills | Yes | Yes |
Migrate from Lovable Cloud
Yes
Yes
Build in Lovable from Claude
Yes
No
Manage Supabase from Claude
No
Yes
Use migration skills
Yes
Yes
Related
- Migrate from Lovable Cloud with AI (the current migration flow, claude.ai and Claude Code routes)
- Migrate from Lovable Cloud using claude.ai chat
- Full MCP migration guide
- Migration skill for Claude Code
- Migration skill for claude.ai chat
- Lovable MCP docs
- Supabase MCP docs