무엇을 만들 수 있나요
서비스나 제품 랜딩 페이지, 메뉴와 예약 기능이 있는 카페·미용실 홈페이지, 상품 카드와 장바구니가 있는 온라인 쇼핑몰, 전문가나 강의 사이트, 포트폴리오. 이런 사이트를 위해 에이전트에는 내장 스킬이 있어요. 첫 화면에 무엇이 있어야 하는지, 가격은 어떻게 보여 줄지, 휴대폰에서는 어떻게 보여야 하는지 알려 주죠.
1단계. 기본 자료 준비하기
자료가 정확할수록 수정이 줄어요. 이미 있는 자료를 한 폴더에 모으고 몇 가지 질문에 답해 보세요:
- 어떤 비즈니스이고 사이트는 누구를 위한 것인지: 고객은 누구이고, 사이트에서 무엇을 해야 하는지 — 전화, 예약, 구매.
- 필요한 섹션: 서비스, 가격, 후기, 연락처, 자주 묻는 질문.
- 텍스트, 가격, 주소, 전화번호, 영업시간 — 사이트에 정확히 들어가야 하는 모든 정보.
- 사진과 로고가 있다면 함께. 없다면 에이전트가 그것 없이도 디자인을 잡아 줘요.
- 마음에 드는 사이트 두어 개 — 링크가 있으면 원하는 스타일에 맞추기 쉬워요.
2단계. 채팅을 만들고 폴더 연결하기
NEO Desktop에서 새 채팅을 만들고 자료가 든 폴더를 연결하세요. 에이전트는 그 폴더 안에서만 작업해요. 거기에 사이트 파일을 만들고 내 사진과 텍스트를 사용해요.
3단계. 작업 설명하기
기술이 아니라 목표를 설명하세요. 무엇으로 만들지는 에이전트가 직접 골라요. 예를 들면:
서울에 있는 카페 ‘원두’의 원페이지 홈페이지를 만들어 줘. 가장 중요한 건 휴대폰으로 들어온 사람이 주소, 영업시간, 메뉴를 빠르게 찾는 거야. 섹션: ‘전화하기’와 ‘길찾기’ 버튼이 있는 첫 화면, 가격이 있는 메뉴(menu.txt 파일), 매장 사진(photos 폴더), 후기, 지도가 있는 연락처. 스타일은 refs.txt 파일에 있는 사이트들처럼 따뜻하고 아늑하게.
4단계. 계획 맞추기
큰 작업이라면 에이전트가 먼저 계획을 써요. 어떤 페이지와 섹션을 어떤 순서로 만들지요. 부족한 정보가 있으면 짐작하지 않고 답변 선택지가 있는 카드로 질문해요. 계획은 지금 고치세요. 완성된 사이트를 다시 만드는 것보다 훨씬 싸요.
5단계. 결과 확인하기
에이전트는 사이트를 실행해 내장 브라우저에서 확인해요. 페이지를 열고, 버튼을 누르고, 화면 너비에 따라 어떻게 보이는지 살펴요. 나는 채팅 옆 ‘앱’ 섹션에서 사이트를 보고 기기를 컴퓨터, iPhone, Android로 바꿔 볼 수 있어요.
6단계. 수정하기
수정 요청은 페이지에서 바로 하는 게 가장 편해요. ‘요소 코멘트’를 누르고 원하는 곳을 가리킨 뒤 바꿀 내용을 쓰세요. 에이전트가 요소 스냅숏과 내 글을 함께 받으니, 버튼이 정확히 어디 있는지 말로 설명할 필요가 없어요.
- 수정 사항은 한꺼번에: 메시지 다섯 개를 연달아 보내는 것보다 한 메시지에 다섯 가지를 담는 게 나아요.
- 결과를 기준으로 말하세요: “색을 #ff0000으로 바꿔”가 아니라 “휴대폰에서 예약 버튼이 잘 안 보여”처럼요.
- 마음에 드는 부분도 알려 주세요. 에이전트가 잘된 부분을 다시 손대지 않도록요.
7단계. 공개하기
완성된 사이트는 내 컴퓨터에 있는 파일 폴더예요. 에이전트가 호스팅에 올리는 방법을 알려 주고 필요한 것을 모두 준비해 줘요. NEO 요금제에는 자체 호스팅도 포함돼요. Pro는 24시간 작동하는 프로젝트 1개, Max는 프로젝트 3개와 개인 도메인이에요.