# IBIGENT Studio — MCP 사용방법 [ 홈페이지 제작방법 ]

> AI 도구가 편집 화면에 «지시서» 를 보내 홈페이지 메뉴·게시판·로고를 바꾸는 방법.
> 문서: https://www.ibigent.com/docs/ibigent-studio/commands.html

## 1. 연동 코드

편집 화면 「MCP & CLI 연동」의 6자리 코드를 첫 마디에 한 번만 붙인다.

```
Z8QSSX 고객센터에 포토갤러리 만들어줘
```

이후에는 같은 대화 안에서 코드를 다시 적지 않아도 된다.

## 2. 화면 만들기 (send_html_to_editor)

편집 화면을 열어 둔 «그 자리» 에 들어간다. 어느 편집기를 열었는지에 따라 대상이 달라진다.

| 열어 둔 편집기 | 만들어지는 곳 | 사용자가 말하는 예 |
|---|---|---|
| 빌더 · 메인 히어로 | 첫 화면 맨 위 | 카페 메인 히어로 만들어줘. 따뜻한 톤으로 |
| 빌더 · 서브 히어로 | 하위 페이지 맨 위 | 회사소개 서브 히어로 만들어줘 |
| 빌더 · 메인 컨텐츠 | 첫 화면 안의 섹션 하나 | 사업 소개 섹션 만들어줘 |
| 빌더 · 바디 컨텐츠 | 내용 페이지 하나 | 오시는 길 페이지 만들어줘 |
| 빌더 · 푸터 | 맨 아래 회사정보 | 푸터에 전화번호 넣어줘 |
| 비전트 AI 호스팅 | 홈페이지 전체 또는 일부 | 병원 홈페이지 만들어줘. 깔끔하게 |

- 화면에서 «고른 부분» 이 있으면 그 부분만 교체된다(부분 수정).
- `mode` 는 append(뒤에 추가) · prepend(앞에 추가) · replace(바꾸기) 중 하나.
- 스크립트·외부 삽입 태그는 넣지 않는다(정적 마크업만).

## 3. 제품별로 할 수 있는 일

### 빌더 (스마트빌더 · 노바빌더)

메뉴마다 페이지와 게시판을 두는 홈페이지입니다.

사용 도구: `builder_command`

| 무엇을 | 이렇게 말하면 된다 |
|---|---|
| 게시판 만들기 | 고객센터에 포토갤러리 만들어줘 |
| 게시판 만들기 | 고객지원에 상담게시판 만들어줘 |
| 메뉴 이름 바꾸기 | 자료실을 공지사항으로 바꿔줘 |
| 메뉴 감추기 | 자료실 안 보이게 해줘 |
| 메뉴 다시 보이기 | 자료실 다시 보이게 해줘 |
| 메뉴 순서 | 회사소개를 앞으로 옮겨줘 |
| 로고 글자 | 로고를 이노건설로 바꿔줘 |
| 로고 모양 | 로고 조금 크게, 진하게 해줘 |
| 로고 글꼴 | 로고 글꼴 부드러운 걸로 바꿔줘 |
| 로고 그림 | 로고 그림 바꿀래 |

만들 수 있는 게시판 — 게시판 · 포토갤러리 · 견적문의 · 온라인상담 · FAQ · 연혁 · 주요일정

### 비전트 AI 호스팅

한 페이지 안에서 내려가며 보는 홈페이지입니다. 메뉴를 누르면 그 부분으로 이동합니다.

사용 도구: `get_site_menu / set_site_menu`

| 무엇을 | 이렇게 말하면 된다 |
|---|---|
| 섹션 추가 | 아래에 오시는 길 섹션 하나 더 넣어줘 |
| 메뉴 보기 | 지금 메뉴 알려줘 |
| 메뉴 추가 | 메뉴에 오시는길 추가해줘 |
| 메뉴 이름 바꾸기 | 회사소개를 회사안내로 바꿔줘 |
| 메뉴 순서 | 문의를 맨 뒤로 보내줘 |
| 메뉴 정리 | 문의 메뉴 빼줘 |
| 로고 글자 | 로고를 이노건설로 바꿔줘 |
| 로고 모양 | 로고 조금 크게, 진하게 해줘 |
| 로고 글꼴 | 로고 글꼴 부드러운 걸로 바꿔줘 |
| 로고 그림 | 로고 그림 바꿀래 |
| 푸터 글자 | 푸터 대표 이름을 홍길동으로 바꿔줘 |

상담·문의는 편집 화면의 「문의 접수」를 켜면 받을 수 있습니다.

## 4. 적용 방식

편집 화면 채팅창에 «무엇이 바뀌는지» 가 먼저 뜨고 **고객이 [적용] 을 눌러야** 반영된다.
누르기 전에는 사이트가 전혀 바뀌지 않는다.

## 5. 할 수 없는 일 (시도하지 말 것)

- **빌더는 삭제 없음.** delete/remove 는 거부된다. 대신 `hide`(감추기)를 쓴다.
- **비전트 AI 호스팅 메뉴는 `remove` 가능.**
- **파일 전송 없음.** 로고 그림은 `{op:"image"}` 로 고객이 고르는 창을 띄우는 것까지만 된다.
- **확인 없이 즉시 반영 없음.**

## 6. 홈페이지 표준 용어

사용자가 말한 것을 이 용어로 이해한다.

헤더 · 내비게이션 · 히어로 섹션 · 히어로 이미지 · 히어로 카피 · CTA · CTA 버튼 · 섹션 · 콘텐츠 섹션 · 피처 섹션 · 카드 · 카드 그리드 · 배너 · 프로모션 배너 · 슬라이더 · 탭 · 아코디언 · FAQ · 폼 · 푸터 · 사이드바 · 브레드크럼 · 모달 · 팝업 · 플로팅 버튼 · 스티키 헤더

## 7. 도구 규격

```
builder_command(code, kind, actions[], say)     ← 빌더 전용
  kind = "menu" | "logo"

  [kind=menu]
    {op:"rename",       menu:"지금 메뉴 이름", to:"새 이름"}
    {op:"show"|"hide"|"move_up"|"move_down", menu:"메뉴 이름"}
    {op:"create_board", menu:"붙일 메뉴 이름", board_type:"...", title:"게시판 이름"}
      board_type = board(일반) | gallery(포토) | inquiry(견적문의·비공개)
                 | consult(온라인상담·누구나 글쓰기) | faq | history(연혁) | schedule(주요일정)

  [kind=logo]
    {op:"text",  to:"새 상호"}
    {op:"style", color:"#111111", size:"20", weight:"700"}
    {op:"font",  family:"글꼴 이름"}
    {op:"image"}        ← 값 없음. 고객이 그림 파일을 고르는 창을 띄운다.

  ★ 메뉴는 «번호가 아니라 이름» 으로 적는다. 편집 화면이 지금 목록을 읽어 칸을 찾는다.
    이름이 여러 칸에 걸리거나 못 찾으면 «아무것도 하지 않고» 현재 목록을 보여준다.

get_site_menu(code) / set_site_menu(code, actions[], say)   ← 비전트 AI 호스팅 전용
  op = add | rename | move | remove      (href 는 "#섹션id" 형태)

send_html_to_editor(code, html, mode)   ← 빌더 · 비전트 AI 호스팅 공용 (HTML 블록 보내기)
```