Loveable.dev MCP Server

This is a Model Context Protocol (MCP) server for interacting with Loveable.dev, a platform that helps users create applications quickly.

Features

This MCP server provides the following tools:

create_project: Create a new project on Loveable.dev
check_project_status: Check the status of a project on Loveable.dev
get_project_details: Get detailed information about a project on Loveable.dev

Installation

The server is already installed in your MCP settings file. To use it, you need to:

Obtain an API key from Loveable.dev
Add the API key to the MCP settings file

Getting an API Key

To get an API key from Loveable.dev:

Sign up or log in to Loveable.dev
Navigate to your account settings
Generate a new API key

Adding the API Key to MCP Settings

The API key should be added to the MCP settings file at: /Users/user/Library/Application Support/Code/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json

Update the LOVEABLE_API_KEY environment variable in the github.com/loveable-dev/loveable-mcp section:

"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": []
}

Usage

Once the server is configured, you can use the tools in your conversations with Claude. Here are some examples:

Creating a Project

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"
  }
)

Checking Project Status

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

Getting Project Details

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

Development

If you want to modify the server:

Make changes to the source code in the src directory
Build the server with npm run build
Restart Claude to reload the MCP server

License

ISC