에이전트의 처리 방식
- 01
요청 내용과 자료를 읽습니다
페이지의 목적과 대상, 방문자가 꼭 해주길 바라는 행동 한 가지를 알려주세요. AI 에이전트가 Google Drive에 보관한 문구와 사진, Figma 파일의 색상, 글꼴, 레이아웃을 살펴봅니다.
- 02
페이지를 기획하고 문구를 씁니다
제작에 앞서 섹션 순서, 헤드라인 두 가지, 양식 항목, 신청 후 진행 과정을 담은 간단한 기획안을 보냅니다. 기획안은 한마디로 바꿀 수 있지만, 완성된 페이지를 바꾸려면 더 많은 작업이 필요합니다.
- 03
MonstarX로 페이지를 만듭니다
승인을 받으면 같은 구독에 포함된 앱 빌더 MonstarX에서 프로젝트를 시작하고, 미리보기 링크가 준비될 때까지 제작 과정을 진행합니다. 프로젝트는 고객의 MonstarX 계정에 저장됩니다.
- 04
세 가지 크기로 미리보기를 확인합니다
AI 에이전트가 자체 브라우저에서 휴대폰, 태블릿, 데스크톱 너비로 미리보기를 엽니다. 모든 링크를 클릭하고 테스트용 주소로 양식을 제출하며, 문구 오류와 잘리거나 겹치는 부분을 확인합니다.
- 05
발견한 문제를 수정합니다
예를 들어 360픽셀 너비의 휴대폰에서 신청 버튼이 이메일 입력란을 가릴 수 있습니다. AI 에이전트가 수정 방법을 제안하고, 허용을 받으면 프로젝트에 적용한 뒤 세 가지 크기를 다시 확인하고 수정 전후를 보여줍니다.
- 06
검토하고 수정을 요청합니다
직접 휴대폰에서 미리보기를 열어보세요. 헤드라인을 바꾸거나 양식을 위로 옮기고 두 번째 사진을 쓰는 등, 동료에게 말하듯 수정을 요청하면 됩니다. 변경 사항은 프로젝트에 적용한 뒤 다시 확인합니다.
- 07
게시하기 전에 승인을 요청합니다
승인 카드에 페이지가 공개될 주소가 표시됩니다. 허용하면 페이지가 게시되고, 거절하면 아무것도 바뀌지 않습니다. 게시 후에는 AI 에이전트가 실제 페이지를 열어 로딩과 양식 작동 여부를 확인합니다.
완료 후 받을 수 있는 결과물
- 공개 주소에 게시된 페이지. 승인한 후에만 공개됩니다
- 그 전에 직접 휴대폰에서 열어볼 수 있는 미리보기 링크
- 휴대폰, 태블릿, 데스크톱 크기에서 확인한 내용과 수정 사항을 담은 점검 보고서
- 직접 또는 AI 에이전트와 함께 계속 작업할 수 있는 MonstarX 계정의 프로젝트
확인이 필요한 시점
기획, 문구 작성, 점검에는 승인이 필요하지 않지만, MonstarX에서 프로젝트를 시작하거나 변경할 때는 먼저 승인을 요청합니다. 게시는 항상 별도 카드로 요청하며 공개될 주소를 표시합니다. 허용하기 전까지 페이지는 게시되지 않습니다.
요청 방법
- Ridge 출시 페이지를 대기자 명단 신청 양식과 함께 만들어줘. 문구와 사진은 Drive의 Ridge launch 폴더에 있고, 디자인은 Figma에 있어. 휴대폰 크기에서 확인하고 게시하기 전에 미리보기를 보여줘.
- 헤드라인을 '정상까지 뜨겁게'로 바꾸고, 양식을 사진 위로 옮긴 다음 휴대폰 레이아웃을 다시 확인해줘.
- 우리 요금제 페이지가 GitHub 저장소 fieldwork-site에 있어. 새 Team 요금제를 추가하고, 네 컴퓨터에서 사이트를 실행해 확인한 다음 푸시하기 전에 물어봐줘.
작동 모습 보기
예시 데이터로 작업하는 과정을 빠르게 재생한 영상입니다. 일시 정지하거나 원하는 구간으로 이동하고, 직접 마우스를 조작해 볼 수도 있습니다.
화면에 나오는 앱
MonstarX
할 일을 골라보세요. 처리 과정을 보여드립니다.
- 이유
- 출시 페이지를 공개합니다.
- 위치
- MonstarX · 프로젝트 ridge-launch
- 예상 결과
- 이 주소로 페이지가 공개됩니다. 언제든 공개를 취소할 수 있습니다.
모든 것과 연결된 나의 팀.
정상까지 따뜻하게.
정상까지 오래 걸어도 든든한 500 ml 보틀.
가상 데이터로 작업 과정을 재현하고 배속으로 재생한 예시입니다. 일시 정지하거나 원하는 구간으로 이동할 수 있고, 직접 마우스를 잡을 수도 있습니다.
자주 묻는 질문
AI 에이전트가 웹사이트를 만들 수 있나요?
네. Monmo AI 에이전트는 요청 내용을 바탕으로 문구를 작성하고 MonstarX로 페이지를 만듭니다. 휴대폰, 태블릿, 데스크톱 크기에서 미리보기를 테스트하고 발견한 문제를 수정합니다. 미리보기를 확인하고 편하게 말하듯 수정을 요청한 뒤 게시를 승인할 수 있습니다. 규모가 큰 사이트라면 한 번에 한 페이지나 섹션씩 요청해 각각 검토하는 것이 좋습니다.
MonstarX는 무엇이고 추가 비용이 드나요?
MonstarX는 Monmo와 함께 제공되는 앱 빌더입니다. 하나의 구독으로 두 제품을 모두 이용할 수 있습니다. 각 제품에는 별도의 사용량 한도가 있으며, 제작 작업은 MonstarX 사용량에 포함됩니다. 연결을 한 번 승인하면 AI 에이전트가 만든 프로젝트가 고객의 MonstarX 계정에 저장됩니다. 직접 프로젝트를 열고 채팅으로 계속 작업할 수 있습니다.
우리 브랜드와 디자인에 맞게 만들 수 있나요?
네, 디자인을 보여주면 가능합니다. AI 에이전트는 Figma 연결이나 자체 브라우저를 통해 Figma 파일에서 색상, 글꼴, 간격, 레이아웃을 읽고 Google Drive에서 로고와 사진을 가져옵니다. 제작 후에는 페이지를 디자인 프레임과 비교하고 맞추지 못한 차이점을 목록으로 알려드려 직접 결정할 수 있습니다.
실제 휴대폰에서도 사이트를 테스트하나요?
실제 휴대폰이 아닌 휴대폰 크기로 테스트합니다. AI 에이전트가 자체 브라우저를 360, 390픽셀 등의 너비로 좁혀 잘린 글자나 겹치는 버튼을 살펴보고 양식과 모든 링크를 테스트합니다. 게시를 승인하기 전에 직접 사용하는 기기에서도 미리보기를 열어 최종 확인해 주세요.
이미 운영 중인 웹사이트도 수정할 수 있나요?
네, AI 에이전트가 코드에 접근할 수 있다면 가능합니다. 사이트가 GitHub 저장소에 있다면 코드를 자체 컴퓨터에 복사하고, 브랜치에서 수정한 뒤 사이트를 실행해 확인하고 풀 리퀘스트를 준비할 수 있습니다. 코드 푸시 전에는 승인을 요청하며, 병합과 배포는 기존 절차에 따라 진행합니다.