Loveable.dev MCP 서버

이는 사용자가 애플리케이션을 빠르게 만들 수 있도록 돕는 플랫폼인 Loveable.dev 와 상호작용하기 위한 MCP(Model Context Protocol) 서버입니다.

특징

이 MCP 서버는 다음과 같은 도구를 제공합니다.

create_project : Loveable.dev에 새 프로젝트를 만듭니다.
check_project_status : Loveable.dev의 프로젝트 상태를 확인합니다.
get_project_details : Loveable.dev의 프로젝트에 대한 자세한 정보를 가져옵니다.

설치

서버가 MCP 설정 파일에 이미 설치되어 있습니다. 사용하려면 다음 작업을 수행해야 합니다.

Loveable.dev에서 API 키를 받으세요
MCP 설정 파일에 API 키를 추가합니다.

API 키 받기

Loveable.dev에서 API 키를 받으려면:

Loveable.dev 에 가입하거나 로그인하세요
계정 설정으로 이동하세요
새로운 API 키 생성

MCP 설정에 API 키 추가

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 환경 변수를 업데이트합니다.

지엑스피1

용법

서버가 구성되면 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"
  }
)

개발

서버를 수정하려면:

src 디렉토리의 소스 코드를 변경합니다.
npm run build 로 서버를 빌드하세요
MCP 서버를 다시 로드하려면 Claude를 다시 시작하세요.

특허

아이에스씨