MENU

홈페이지 제작 가이드 › 사용 중인 AI로 연결

비전트 AI 빌더 호스팅 · 편집기 시작하는 6가지 방법 3편

사용 중인 AI로 연결

구독 중인 ChatGPT, Claude, Codex 같은 AI를 편집기에 연결하면 말로 시켜 홈페이지를 고치거나, AI가 정리한 자료로 새 홈페이지를 만들 수 있습니다.

순서

  1. 「사용 중인 AI로 연결해 만들기」를 누른다편집기 오른쪽 「새 홈페이지 제작」 줄에서 3번을 누르면 빌더 설정의 「MCP & CLI 연동」 안내가 열립니다.
  2. 쓰는 AI를 연결한다처음 한 번만 합니다. AI에게 안내 문장을 보내거나, AI 앱에 주소를 넣고 아이비전트로 로그인한 뒤 [연결 허용]을 누릅니다.
  3. AI에게 말로 시킨다편집기를 열어 둔 채 "첫 화면 제목 바꿔줘", "새 홈페이지 만들어 줘"처럼 말합니다.
  4. 보낸 자료를 확인한다새 홈페이지를 시키면 「새 홈페이지 제작」 창이 AI가 보낸 글을 채운 채 열립니다. 확인하고 [다음]을 누릅니다.
  5. 메뉴를 확인하고 만든다제안된 메뉴를 고친 뒤 「이 구성으로 만들기」를 누릅니다.

1. 「사용 중인 AI로 연결해 만들기」 누르기

편집기 오른쪽 「새 홈페이지 제작」 줄을 누르면 6가지 방법이 나옵니다. 3번을 누릅니다.

새 홈페이지 제작 창의 방법 고르기 단계, 6가지 방법 카드
「새 홈페이지 제작」 창 — 3번 「사용 중인 AI로 연결해 만들기」

2. AI 연결하기 (처음 한 번)

가장 쉬운 방법은 안내 맨 위 문장을 [복사]해 쓰는 AI에게 그대로 보내는 것입니다. Claude Code, Codex 같은 터미널 AI는 이 문장만 보고 스스로 연결합니다.

빌더 설정의 MCP & CLI 연동 안내 화면, AI에게 보낼 연결 문장과 연결 방법
빌더 설정 「MCP & CLI 연동」 — 맨 위 문장을 복사해 AI에게 보냅니다

Claude, ChatGPT 앱은 AI가 대신 추가하지 못합니다. 안내의 「1. AI 도구에 연결하기」에서 쓰는 도구를 펼쳐 한 번만 직접 등록합니다. 주소를 넣으면 아이비전트 로그인 창이 뜨고, 로그인 후 [연결 허용]만 누르면 됩니다.

방법 A. 커넥터 연결AI 앱 화면에서 주소를 넣고 로그인만 합니다. 처음이면 이 방법이 편합니다. Claude, ChatGPT(개발자 모드 필요)
방법 B. 터미널 연결명령 한 줄이나 설정 파일(mcp.json 등)에 주소를 넣습니다. Claude Code, Cursor, Codex, Antigravity

3. AI에게 말로 시키기

편집기를 열어 두고 오른쪽 아래 「MCP & CLI 연동」에 연결됨이 보이는지 확인한 뒤 AI에게 말합니다.

고칠 때"첫 화면 제목 바꿔줘", "회사 소개 섹션 만들어서 넣어줘"처럼 말하면 AI가 편집 화면을 읽고 말한 부분만 고칩니다. 마음에 들면 저장합니다.
새로 만들 때"우리 회사 새 홈페이지 만들어 줘"처럼 시키면 AI가 자료를 글로 정리해 보냅니다. 편집기에 「새 홈페이지 제작」 창이 그 글을 채운 채 열립니다.

창에서 글을 확인하고, 필요하면 고친 뒤 권한 확인 칸에 체크하고 [다음]을 누릅니다. AI는 자료만 보내고, 디자인과 구조는 우리 제작 방식으로 만듭니다. 창에서 체크하고 누르기 전에는 홈페이지가 바뀌지 않습니다.

4. 제안된 메뉴 확인하기

AI가 정한 메뉴로 바로 만들지 않습니다. 만들기 전에 제안된 메뉴를 보고 직접 고칠 수 있습니다.

AI가 메뉴를 제안하는 중 진행 막대
AI가 메뉴를 제안하는 중 — 보통 몇 분
메뉴 확인 화면, 회사 정보와 큰 메뉴·하위 메뉴 구성
메뉴 확인 — 회사 정보 · 메뉴 이름 · 하위 메뉴 종류(내용 페이지 / 게시판 / 사진 모음)
회사 정보회사명, 대표전화, 이메일, 주소. 여기 적은 값이 로고 글자와 푸터 회사 정보에 들어가고, 빈 칸은 지금 값 그대로 둡니다.
메뉴 구성메뉴 이름을 고치고 「+ 주 메뉴」 「+ 하위」로 더하거나 「삭제」로 뺍니다.
하위 메뉴 종류하위 메뉴마다 「내용 페이지」 「게시판」 「사진 모음」 중에서 고릅니다.
블로그 메뉴켜면 머리글 메뉴에 블로그가 보이고, 끄면 숨깁니다.
메뉴 확인 화면 아래, 블로그 메뉴 켜고 끄기, 바뀌는 것과 되돌리기 안내, 확인 체크
메뉴 확인 아래 — 블로그 메뉴 · 바뀌는 것 · 되돌리기 · 확인 체크

아래 확인 칸에 체크하고 「이 구성으로 만들기」를 누릅니다.

5. 만들어질 때까지 기다리기

바뀌는 것홈 화면, 메인·서브 히어로, 메뉴, 내용 페이지, 디자인(색·글꼴), 로고 글자·푸터 회사 정보
그대로인 것게시판과 게시판 글·첨부, 도메인, 방문자 분석, 회원 설정
걸리는 시간30~50분. 다른 요청이 있으면 차례를 기다립니다. 창을 닫아도 계속 만들어집니다.

진행 상황은 편집기 오른쪽 「새 홈페이지 제작」 줄에서도 볼 수 있습니다. 끝나면 「사이트 보기」 또는 「편집기 새로 열기」를 누릅니다. 원본에 글이 없던 내용 페이지는 «내용 제작 중»으로 남으니, 편집기에서 그 페이지를 열어 직접 채웁니다.

새 홈페이지를 만드는 중 진행 막대와 걸린 시간
만드는 중 — 창을 닫아도 계속 만들어집니다
새 홈페이지가 만들어졌습니다 화면, 사이트 보기와 편집기 새로 열기 버튼
완성 — 「사이트 보기」 · 「편집기 새로 열기」

되돌리고 싶을 때

  • 만든 뒤 24시간 안에는 편집기 오른쪽 「새 홈페이지 제작」 줄의 「이전 홈페이지로 되돌리기」로 원래 홈페이지로 돌아갑니다.
  • 게시판과 게시판 글은 만들 때도 되돌릴 때도 그대로 남습니다.

쓰는 AI로 홈페이지를 만들어 보세요

14일 무료체험으로 편집기를 열 수 있습니다.

비전트 AI 빌더 호스팅 보기