Lovable MCP 서버 (리서치 프리뷰)

Model Context Protocol을 사용해 AI 에이전트와 개발자 도구를 Lovable에 연결하세요. 앱을 프로그래매틱하게 빌드하고, 반복하고, 배포할 수 있습니다.

Lovable MCP 서버란 무엇인가요?

Lovable은 자기 자신을 Model Context Protocol(MCP) 서버로 https://mcp.lovable.dev에서 노출합니다. 이를 통해 AI 클라이언트(Claude Desktop, Cursor, 그리고 다른 MCP 호환 도구 등)가 자연어로 Lovable 프로젝트를 관리할 수 있습니다.

연결되면 AI 에이전트가 프로젝트를 생성하고, Lovable에 메시지를 보내고, 코드를 검사하고, 앱을 배포하는 등의 작업을 이미 사용 중인 클라이언트를 떠나지 않고 수행할 수 있습니다.

MCP란 무엇인가요

MCP(Model Context Protocol)는 AI 에이전트가 외부 도구를 발견하고 호출할 수 있게 해주는 개방형 표준입니다. 에이전트가 MCP 서버에 연결되면, 어떤 도구가 사용 가능한지 확인하고 언제 사용할지 결정할 수 있습니다. Lovable의 MCP 서버는 Lovable을 그러한 도구 중 하나로 만듭니다: 발견 가능하고, 호출 가능하며, 조합 가능합니다.

흐름

1. 에이전트가 Lovable MCP 서버에 연결합니다
2. 에이전트가 도구(예: create_project)를 빌드할 내용에 대한 설명과 함께 호출합니다
3. Lovable이 프로젝트를 빌드하고 프리뷰 URL을 반환합니다.
4. 프리뷰를 열어 빌드된 내용을 검토하고, 메시지를 더 보내며 반복적으로 작업할 수 있습니다
5. 에이전트는 여러분이 다듬는 동안 계속 빌드하면서 기능을 추가하고, 문제를 고치고, 디자인을 변경합니다
6. 만족스러우면 deploy_project로 게시합니다. 게시는 항상 선택 사항입니다.

누구를 위한 기능인가요

• AI 코딩 어시스턴트(Claude Code, Cursor, Windsurf)를 사용하는 개발자로, 에디터를 떠나지 않고 Lovable 프로젝트를 빠르게 생성하고 반복하고 싶은 사용자
• n8n, LangGraph 또는 커스텀 스크립트와 같은 도구로 자동화를 구축하는 팀으로, 앱을 프로그래매틱하게 생성하거나 관리해야 하는 경우
• 에이전트 빌더로, Lovable을 더 큰 파이프라인의 한 단계로 사용하고 싶은 사용자: 콘텐츠 생성, UI 스캐폴딩, 배포, 그리고 URL 핸드오프까지 모두 한 흐름으로 진행

Lovable MCP 서버를 사용하는 이유

• 에이전트 주도 개발: Claude, Cursor 또는 직접 만든 에이전트가 자연어를 사용해 Lovable 프로젝트를 스캐폴딩하고 반복하도록 합니다.
• 자동화: 스크립트, 워크플로우 또는 파이프라인에서 프로젝트 생성, 배포, 채팅 상호작용을 트리거합니다.
• 코드 검사: 프로젝트 파일을 읽고, 변경 사항을 diff하고, 편집 이력을 프로그래매틱하게 탐색합니다.
• 도구 간 워크플로우: 단일 에이전트 세션 내에서 Lovable을 다른 MCP 연결 도구와 결합합니다.

일반적인 사용 사례

사전 요구 사항

• Pro 또는 Business 플랜의 Lovable 계정

연결하기 전에

연결 방법

Lovable MCP 서버는 인증을 위해 OAuth를 사용합니다. 처음 연결할 때 클라이언트가 브라우저 창을 열어 Lovable 계정으로 인증합니다.

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

{
  "mcpServers": {
    "lovable": {
      "type": "http",
      "url": "https://mcp.lovable.dev",
      "auth": {
        "CLIENT_ID": "6d465f583e1e4ce5801b1616f735670c"
      }
    }
  }
}

claude mcp add --transport http lovable "https://mcp.lovable.dev"

사용 가능한 도구

Lovable MCP 서버는 다음 도구들을 노출합니다. 모든 도구 호출은 사용된 API key 또는 OAuth 토큰의 워크스페이스 범위로 제한됩니다.

프로젝트 및 워크스페이스

에이전트 상호작용

코드 검사

Knowledge

클라우드 데이터베이스

연결된 MCP 서버

분석

파일 업로드

Skills

skill은 AI 클라이언트가 Lovable MCP 서버를 효과적으로 사용하는 방법을 알려주는 재사용 가능한 지침 파일입니다: 언제 트리거할지, 도구 호출을 어떻게 순서대로 진행할지, 어떤 패턴을 따를지를 지정합니다. 클라이언트에 한 번 추가하면 추가 프롬프팅 없이 Lovable을 어떻게 다룰지 알게 됩니다.

FAQ

트러블슈팅