mcpField
L
Lovable

Lovable

远程服务
lovable.dev开发工具815 周前更新

关于 Lovable

Lovable 官方 MCP 服务让兼容客户端通过自然语言管理 Lovable 项目,涵盖项目创建与部署,以及代码检查、数据库操作、集成管理和流量分析。

主要功能

  1. 01创建、编辑、部署和管理项目
  2. 02向项目 AI Agent 发送消息
  3. 03查看差异、文件和编辑历史
  4. 04管理项目指令与数据库
  5. 05配置集成和 MCP 服务
  6. 06查看项目流量分析

适用场景

  1. 01从 MCP 客户端构建并部署应用
  2. 02检查生成的代码变更和文件
  3. 03对项目数据库执行 SQL
  4. 04为项目连接外部服务

MCP 相关

通过 Streamable HTTP 向 MCP 客户端提供 Lovable 项目和工作区操作工具。使用 OAuth 2.1 认证。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.lovable.dev
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

Lovable MCP

Lovable(一款由 AI 驱动的全栈应用构建工具)的官方模型上下文协议服务。

将 Claude、Cursor、Codex 和其他兼容 MCP 的客户端连接到 Lovable,即可通过自然语言创建、编辑、部署和管理 Lovable 项目。

端点

https://mcp.lovable.dev

传输方式:Streamable HTTP。

身份验证

OAuth 2.1。 MCP 客户端通过 https://mcp.lovable.dev/.well-known/oauth-protected-resource 上的 RFC 9728 元数据发现授权服务,并自动获取 bearer 令牌。令牌通过 Authorization: Bearer <token> 传递。

安装

Claude、Claude Code 和 ChatGPT 只需要 URL。其他客户端还必须传入 Lovable 的公开 OAuth 客户端 ID(6d465f583e1e4ce5801b1616f735670c),如下所示。

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

添加到 claude_desktop_config.json:

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

直接添加 URL——无需客户端 ID:

https://mcp.lovable.dev
Cursor / Windsurf

添加到客户端的 MCP 配置(~/.cursor/mcp.json,或 Windsurf 的 mcp_config.json):

{
  "mcpServers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev",
      "auth": {
        "CLIENT_ID": "6d465f583e1e4ce5801b1616f735670c"
      }
    }
  }
}
VS Code
{
  "servers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev",
      "auth": {
        "CLIENT_ID": "6d465f583e1e4ce5801b1616f735670c"
      }
    }
  }
}
Codex CLI
codex mcp add lovable --url https://mcp.lovable.dev
codex mcp login lovable
其他客户端

使用与上方 Cursor 示例相同的 type: http + url + auth.CLIENT_ID 结构。

工具

该服务提供以下领域的工具:

  • 项目与工作区——列出、创建、部署、混编、检查项目;管理可见性
  • Agent 交互——向项目的 AI Agent 发送消息并获取回复
  • 代码检查——差异、文件树、文件内容、编辑历史
  • 知识——读取和编写项目/工作区的 AI 指令
  • 云数据库——启用 Postgres 数据库、查看状态、运行 SQL、获取连接信息
  • 连接器与 MCP 服务——列出、添加和移除外部集成(Linear、Notion、Slack、自定义 MCP,……)
  • 模板与库——浏览模板和库项目
  • 分析——项目流量的历史数据和实时数据
  • 文件上传——生成用于附加图片的上传 URL

注意: create_project 和 send_message 会消耗 Lovable 构建额度。deploy_project 会发布一个公开 URL。query_database 会直接对项目的数据库运行 SQL。

完整的工具参考请参阅 Lovable MCP 文档。

常见工作流

构建并部署新应用:

1. list_workspaces()                       → workspace_id
2. create_project(workspace_id, ...)       → project_id   (uses credits)
3. send_message(project_id, "Add ...")     → message_id   (uses credits)
4. get_diff(project_id, message_id)        → review changes
5. deploy_project(project_id)              → live URL

大多数工具都需要 workspace_id——请先调用 list_workspaces。read_file 需要 git 引用;请从 get_project 获取 latest_commit_sha。

故障排除

症状解决方法
401 Unauthorized/令牌过期重新运行客户端的登录流程,以刷新 OAuth 令牌
OAuth 窗口反复跳转或始终无法完成确认客户端传入了上方所示的 auth.CLIENT_ID
“Transport not supported”客户端必须支持 Streamable HTTP
工具因缺少 workspace_id 而失败先调用 list_workspaces 并传入返回的 ID

注册表

此仓库托管了供 MCP 注册表使用的 server.json 条目。

许可证

Apache License 2.0

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。