Loveable.dev MCP 服务器

这是一个用于与 Loveable.dev 交互的模型上下文协议 (MCP) 服务器，该平台帮助用户快速创建应用程序。

功能

此 MCP 服务器提供以下工具：

• create_project: 在 Loveable.dev 上创建新项目
• check_project_status: 检查 Loveable.dev 上项目的状态
• get_project_details: 获取 Loveable.dev 上项目的详细信息

安装

服务器已经在您的 MCP 设置文件中安装好了。要使用它，您需要执行以下步骤：

1. 从 Loveable.dev 获取 API 密钥
2. 将 API 密钥添加到 MCP 设置文件中

获取 API 密钥

要从 Loveable.dev 获取 API 密钥，请执行以下操作：

1. 注册或登录 Loveable.dev
2. 转到您的账户设置
3. 生成一个新的 API 密钥

将 API 密钥添加到 MCP 设置

API 密钥应添加到 MCP 设置文件中的如下位置：
/Users/user/Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json

在 github.com/loveable-dev/loveable-mcp 部分更新 LOVEABLE_API_KEY 环境变量：

"github.com/loveable-dev/loveable-mcp": {
  "command": "node",
  "args": [
    "/Users/user/CLINE/loveable.dev mcp server/build/index.js"
  ],
  "env": {
    "LOVEABLE_API_KEY": "your-api-key-here"
  },
  "disabled": false,
  "autoApprove": []
}

使用

配置好服务器后，您可以在与 Claude 的对话中使用这些工具。这里有一些示例：

创建项目

use_mcp_tool(
  server_name="github.com/loveable-dev/loveable-mcp",
  tool_name="create_project",
  arguments={
    "prompt": "Create a portfolio website with a dark theme",
    "projectType": "website",
    "additionalContext": "I want it to showcase my photography work"
  }
)

检查项目状态

use_mcp_tool(
  server_name="github.com/loveable-dev/loveable-mcp",
  tool_name="check_project_status",
  arguments={
    "projectId": "your-project-id"
  }
)

获取项目详情

use_mcp_tool(
  server_name="github.com/loveable-dev/loveable-mcp",
  tool_name="get_project_details",
  arguments={
    "projectId": "your-project-id"
  }
)

开发

如果您想修改服务器，请执行以下步骤：

1. 修改 src 目录中的源代码
2. 使用 npm run build 构建服务器
3. 重启 Claude 以重新加载 MCP 服务器

许可证

ISC