반려동물 미용실을 새로 여신다면, 홈페이지에 무엇부터 넣으시겠습니까? 가게 소개와 시술 요금표는 뼈대만 있으면 되고, 예약은 손님이 직접 날짜와 강아지 크기를 골라 넣을 수 있어야 하고, 시술 전후 사진은 앞으로도 계속 늘어나야 합니다. 이 세 가지를 전부 한 가지 방법으로 만들려고 하면 어딘가에서 반드시 막힙니다. 아이비전트 기능형 빌더는 방법을 하나로 통일하는 대신, IBIGENT AI 프롬프트·드래그 앤 드롭 에디터·MCP 연동이라는 세 가지 제작 방식을 같은 편집 화면 안에 함께 넣어 두는 쪽을 택했습니다. 실제로 반려동물숍 사이트 하나를 이 세 방식으로 나눠 만들어 보고, 어디에 무엇을 썼는지 정리해 봤습니다.

스마트 빌더·AI 호스팅과는 뭐가 다른가

아이비전트에는 홈페이지를 만드는 길이 여러 갈래로 있어서 처음에는 헷갈리기 쉽습니다. 정리하면 이렇습니다.

셋 다 "만드는 도구"이지만 성격이 다릅니다. 이번에 살펴본 것은 세 번째, 기능형 빌더입니다.

프롬프트 한 줄로 뼈대부터 세운다

편집 화면을 열고 채팅창에 "반려동물 미용실 홈페이지 만들어줘. 따뜻하고 안심되는 분위기로"라고 적었습니다. IBIGENT AI(아이비전트 AI)는 이 한 문장을 받아 히어로 이미지, 소개, 시술 메뉴, 예약 안내까지 한 번에 채워 넣었습니다. 결과를 전체 교체로 넣을지 선택한 영역에만 넣을지 고를 수 있어서, 이미 만들어 둔 상단 메뉴는 그대로 두고 본문만 바꿔 넣었습니다. 문구와 색은 다시 물어볼 때마다 새로 만들어지므로, 처음 나온 결과가 마음에 안 들면 다시 말하면 그만입니다. "비슷한 걸 골라 쓰는" 것이 아니라 "원하는 걸 말해서 받는" 방식이라는 점이 확실히 달랐습니다.

마우스로 옮기는 진짜 드래그 앤 드롭

프롬프트로 받은 뼈대가 처음부터 100% 원하는 배치는 아니었습니다. 예약 버튼이 너무 아래쪽에 있었고, 시술 전후 사진 블록은 위로 올리고 싶었습니다. 여기서부터는 Easy Editor 차례입니다. 오른쪽 블록 목록에서 원하는 조각을 마우스로 끌어다 놓으면 그 자리에 배치되고, 순서를 바꾸고 싶은 블록은 그대로 위아래로 옮기면 됩니다. 70개가 넘는 표준 블록이 미리 들어 있어서, 갤러리·후기·지도·예약 폼 같은 조각을 찾아 끼우기만 하면 됩니다. 글자와 이미지는 클릭해서 바로 고치고, 모바일 화면은 따로 만들 필요 없이 자동으로 맞춰졌습니다.

참고로 아이비전트 AI 호스팅 쪽 편집 화면은 요소를 클릭해서 그 자리에서 고치는 방식이라, 마우스로 블록을 끌어 옮기는 배치 기능은 없습니다. 화면 전체를 통째로 재배치하고 싶다면 기능형 빌더 쪽이 맞습니다.

예약 폼처럼 복잡한 화면은 MCP로

메뉴 소개나 사진 배치는 에디터만으로 충분했지만, 날짜·시간·강아지 크기별 요금이 함께 표시되는 예약 폼은 조건이 얽혀 있어서 기본 블록만으로는 부족했습니다. 이런 화면은 Claude Code에 통째로 맡겼습니다. 마이페이지 > AI 연동에서 전용 키를 한 번 발급받고, Claude Code에 https://mcp.ibigent.com/mcp/<내 키> 를 MCP 서버로 등록해 두면, 그 뒤로는 "HTML 만들어서 아이비전트 코드로 보내줘" 한 마디로 편집 화면에 그대로 들어옵니다. 코드를 따로 붙여넣거나 파일을 올릴 필요가 없었고, 반영된 화면은 클릭해서 세부 문구만 다듬으면 끝이었습니다. 이미 만들어 둔 HTML 파일이 있다면 불러오기나 붙여넣기로도 넣을 수 있어서, 꼭 AI 도구를 거치지 않아도 됩니다. Claude Code뿐 아니라 Codex·Cursor·Antigravity·Windsurf처럼 MCP를 지원하는 도구라면 대부분 같은 방식으로 연결됩니다. 자세한 연결 방법은 IBIGENT Studio 연동 문서에서 확인할 수 있습니다.

기능형 스킨·운영기능까지 한 곳에서

세 가지 제작 방식과는 별개로, 기능형 빌더에는 카페·학원·법인·포트폴리오 같은 업종별 스킨이 미리 준비되어 있어서 반려동물숍에 가까운 디자인을 골라 시작할 수도 있었습니다. 블로그·게시판·문의 폼·회원·갤러리·댓글·검색 같은 운영 기능은 이미 내장되어 있어 따로 설치할 것이 없었습니다. 이 부분이 AI 호스팅과 가장 크게 갈리는 지점입니다. AI 호스팅은 정적 사이트를 빠르게 띄우는 데 강하지만, 게시판이나 회원 같은 동적 기능은 담기 어렵습니다. 실제로 템플릿 갤러리에는 반려동물 병원·미용 업종에 가까운 스킨도 이미 올라와 있어서, 골격을 처음부터 다시 짤 필요 없이 그 위에 얹어 시작할 수도 있었습니다.

세 가지를 이어서 쓴 실제 순서

비유하자면 신축 상가에 인테리어를 넣는 순서와 비슷합니다. 골조는 설계도(프롬프트)대로 빠르게 세우고, 진열대 위치나 조명은 사장님이 직접 옮기고(드래그), 냉장 진열장처럼 전문 설비가 필요한 부분만 업체를 불러 맡기는(MCP) 식입니다. 셋 중 하나만 고집하기보다 화면 성격에 맞춰 바꿔 쓰는 편이, 결과적으로는 손이 덜 갔습니다.

요금과 시작 방법

세 가지 제작 방식은 전부 같은 기능형 빌더 안에 포함되어 있어 따로 결제할 필요는 없습니다. 14일 무료체험으로 먼저 시작할 수 있고, 이후에는 월 9,900원(연간 결제 기준 118,800원)인 베이직부터 22,000원 스탠다드, 33,000원 프리미엄까지 규모에 맞춰 고르면 됩니다. 요금제에 관계없이 IBIGENT AI와 IBIGENT Studio(MCP 연동)는 함께 제공되고, SSL 자동 발급과 무제한 트래픽도 기본으로 붙습니다. 도메인은 가지고 있는 것을 연결해도 되고, 없으면 무료 서브도메인으로 먼저 시작해도 됩니다. 자세한 구성은 요금제 안내에서 비교해 보실 수 있습니다.

"무엇 하나로 다 되는 도구"를 찾기보다, 만드는 방법을 화면 성격에 맞게 골라 쓸 수 있는 편이 실제로는 더 빨랐습니다.