> For the complete documentation index, see [llms.txt](https://docs.manyfast.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.manyfast.io/use/mcp-1.md).

# MCP 연결하기 (Lovable)

### MCP를 통해 무엇을 할 수 있나요?

MCP 서버를 활성화하면 외부의 AI서비스가 매니패스트의 기획 파일에 직접 접근해 내용을 학습하고, 기획된 구조를 바탕으로 학습하거나, 작업을 진행할 수 있습니다.\
이를 통해 기획을 확장하거나, 개발로의 전환 과정을 빠르고 일관되게 이어갈 수 있습니다.

**1. 기획 문서로부터 코드 자동 생성**

* 매니패스트에서 정의한 기능명세를 MCP를 통해 Cursor, Claude Code 같은 코드 에이전트에 전달하여 기획 내용 대로 코드를 생성하고 개발을 전개할 수 있습니다.

**2. 에이전트 학습 컨텍스트 제공**

* 매니패스트에서의 기획 구조와 네이밍 규칙 등을 통해 AI 개발 에이전트에게 일관된 컨텍스트를 제공합니다.

**3. 기획과 개발의 실시간 동기화**

* MCP 서버는 매니패스트에서의 변동사항을 동시에 업데이트하여, 연동된 기획 정보를 최신 상태로 유지할 수 있습니다.

{% hint style="info" %}
매니패스트 MCP는 아래의 서비스와의 연동을 지원합니다.

* **Cursor / Claude Code / Chat-gpt /** **Lovable**
  {% endhint %}

{% hint style="warning" %}
의도되지 않은 수정, 삭제를 방지하기 위해 외부 도구가 MCP를 통해 매니패스트 내의 문서를 수정하는 기능은 지원하지 않고 있습니다.
{% endhint %}

## 연결하는 방법

매니패스트 MCP는 Cursor, Claude Code, Chat-gpt, Lovable에서 사용할 수 있습니다.\
각 환경별 설정 방법은 아래 내용을 참고하세요.

#### MCP 서버 추가하기

{% tabs %}
{% tab title="Cursor" %}

#### Cursor 설정 방법

[Cursor MCP 설정 공식 문서](https://docs.cursor.com/ko/context/mcp)

* Cursor의 설정(Settings) > Integrations > “Custom MCP Server” 항목으로 이동하여 다음 정보를 입력합니다.

```json
{
  "mcpServers": {
    "manyfast": {
      "url": "https://api.manyfast.io/mcp"
    }
  }
}
```

* 설치된 MCP 서버 목록에서 manyfast 연결을 진행합니다.

<figure><img src="/files/tD6bbcoHIeXGh3gjSfD6" alt=""><figcaption></figcaption></figure>

설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다.
{% endtab %}

{% tab title="Claude Code" %}

#### Claude Code 설정 방법

[Claude Code MCP 설정 공식 문서](https://code.claude.com/docs/ko/mcp)

* 터미널에 다음 명령어를 실행합니다.

{% code overflow="wrap" %}

```bash
claude mcp add --transport http manyfast https://api.manyfast.io/mcp
```

{% endcode %}

* 이어서 터미널에 아래 내용을 입력합니다.

```
 claude /mcp
```

* 표시되는 리스트에서 매니패스트를 선택합니다.

<figure><img src="/files/zCjlrKbBpKZtMiSLwoHT" alt=""><figcaption></figcaption></figure>

* 1번 Authenticate 를 선택합니다.

<figure><img src="/files/WrYgvCGkCtMRp4kv3oSf" alt=""><figcaption></figcaption></figure>

설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다.
{% endtab %}

{% tab title="ChatGPT" %}

#### ChatGPT 설정 방법

{% hint style="info" %}
ChatGPT Plus 요금제 이상만 연결이 가능합니다.
{% endhint %}

<figure><img src="/files/I2VSx60WgIsDQG89mOol" alt=""><figcaption></figcaption></figure>

* ChatGPT의 채팅 입력창 좌측 '+' 버튼 선택 > 더보기 > 소스추가를 선택합니다.
* 추가하기 > 더 연결하기를 선택합니다.

<figure><img src="/files/dQOPIS2fovdNP5QtO494" alt=""><figcaption></figcaption></figure>

* 연동 및 앱 커넥터 탭에서 가장 하단 '고급 설정'에서 개발자 모드를 활성화 합니다.

<figure><img src="/files/e5o5XOwFQcDxZWU7SUS9" alt=""><figcaption></figcaption></figure>

* 연동 및 앱 커넥터 가장 상단의 '만들기'버튼을 선택합니다.

<figure><img src="/files/dIdUSQGuhh3aIx0osRpl" alt=""><figcaption></figcaption></figure>

* 이미지와 같이 입력한 후 '만들기'버튼을 눌러 완료합니다.
  * MCP 서버 URL : <https://api.manyfast.io/mcp>

설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다.
{% endtab %}

{% tab title="Lovable" %}

#### Lovable 설정 방법

{% hint style="info" %}
Lovable 비즈니스 요금제 이상만 MCP 연결이 가능합니다.
{% endhint %}

<figure><img src="/files/xl7t5QQEoyeOsUhWZcH5" alt=""><figcaption></figcaption></figure>

* 채팅창 좌측 하단 '+'버튼 > Intergration > Manage Intergrations를 선택합니다.

<figure><img src="/files/Nhh2pV1PTGZ5fb9RuVqF" alt=""><figcaption></figcaption></figure>

* MCP서버 목록 마지막의 'Add' 버튼을 선택합니다.&#x20;

<figure><img src="/files/YParQxHdhG07gOfROz8d" alt=""><figcaption></figcaption></figure>

* 이미지와 같이 입력한 후 'Add Server'버튼을 눌러 완료합니다.
  * MCP 서버 URL : <https://api.manyfast.io/mcp>

설정을 완료하면 MCP 서버 연결을 위한 로그인 페이지로 연결됩니다.
{% endtab %}
{% endtabs %}

#### MCP 서버 로그인 하기

* MCP 서버를 활성화하면, 연결을 위한 로그인을 진행합니다.

<figure><img src="/files/9GSW5rR3CpMVBHKg7EqX" alt=""><figcaption></figcaption></figure>

* 매니패스트 계정으로 로그인을 완료하면, MCP서버에 연결할 그룹을 선택할 수 있습니다.