# IBIGENT Studio — Cursor 연결

> IBIGENT Studio: AI 도구에서 만든 HTML을 편집 화면으로 바로 받는 실시간 웹 편집기.
> 제품 소개: https://www.ibigent.com/service/ibigent-studio.html
> 문서: https://www.ibigent.com/docs/ibigent-studio/

## 1. 키 발급 (처음 한 번)

1. 마이페이지 > AI 연동 > 연동 키 관리 (https://www.ibigent.com/mypage/mcp-keys.html) 로 이동.
2. [키 발급] 을 누르면 전용 키 `ibg_...` 생성. 키는 비밀번호와 같으니 노출 금지(원문은 발급 직후 1회 표시).

## 2. MCP 연결 (사용하는 AI 도구에 등록)

AI 도구에 아래 서버 주소를 등록합니다. `<내_키>` 자리에 발급받은 키를 넣으세요.

```
https://mcp.ibigent.com/mcp/<내_키>
```

### Cursor

**설정 화면** — 설정(⚙) &gt; Tools &amp; Integrations &gt; Add custom MCP. 종류 HTTP(URL), 이름 ibigent, 주소:

```
https://mcp.ibigent.com/mcp/<내_키>
```

**설정 파일** — ~/.cursor/mcp.json (Windows: C:\Users\사용자\.cursor\mcp.json):

```
{
  "mcpServers": {
    "ibigent": { "url": "https://mcp.ibigent.com/mcp/<내_키>" }
  }
}
```

- 마이페이지에서 키 발급 시 Cursor 앱 1-클릭 등록 딥링크도 지원됩니다.

다른 도구·전체 절차: https://www.ibigent.com/docs/ibigent-studio/mcp.html

## 3. HTML 전송 (사용할 때마다)

1. 편집 화면 우측 아래 [AI 연동] 을 펼쳐 6자리 코드 확인(편집 화면에서만 표시, 10분마다 갱신).
2. AI 도구에게: `이 HTML을 아이비전트 ABC123 으로 보내줘` ("아이비전트"+코드 필수). "만들어서 보내줘" 하면 AI가 생성.
3. 2~3초 뒤 편집 화면에 자동 삽입 → [패치 적용] 저장(저장 전까지 미반영).

참고: 삽입은 기본 "뒤에 추가"("맨 앞에"/"교체" 지정 가능). 보안을 위해 `<script>`·`<iframe>` 등은 서버에서 자동 제거.