AI 웹빌더가 못 채우는 ‘그 사이’를 채웁니다
요즘 AI 웹빌더는 레이아웃과 콘텐츠를 자동 생성해 코딩 없이 ‘한 방에 완성’을 노려요. 하지만 그 전에 필요한 사이트맵·메뉴·페이지별 프롬프트 같은 기획 산출물 계층은 대부분 비어 있죠. 우리는 vibe-coding 직전, 기획을 구조화하는 그 빈틈을 채웁니다.
컨셉 · 아이디어
머릿속 구상
기획 구조화
IA · 기능정의 · 화면별 프롬프트 · 스펙팩 (← 우리)
AI 빌더 · 코딩툴
완성 사이트
잘 구조화된 기획을 넘기면, AI 빌더·코딩툴이 훨씬 정확하게 만들어요.
혹시 이런 고민, 매번 반복하고 계신가요?
메뉴 하나 늘어날 때마다 화면 목록을 처음부터 다시 정리하고 있나요?
페이지ID를 손으로 붙이다 보면 어느샌가 번호가 꼬여있진 않나요?
AI 코딩 도구에 넘길 프롬프트를 화면마다 새로 쓰느라 시간을 다 쓰고 있나요?
일정표는 엑셀로 따로 관리하다 컨셉 문서와 자꾸 어긋나지 않나요?
4단계면 충분해요
복잡한 설정 없이, 입력 → 실행 → 검토 → 내보내기 순서로 끝나요.
사이트 컨셉과 메뉴를 입력해요
전체 일정과 메뉴 목록만 입력하면 돼요. 메뉴명(한글/영문)과 원하는 기능을 간단히 적어주세요.
[실행: IA 생성]을 눌러요
메뉴마다 필요한 화면을 자동으로 뽑아내고, 화면별 페이지ID를 규칙에 맞게 부여해요.
화면별 기능정의·AI프롬프트·일정이 채워져요
버튼 클릭 시 이동할 화면까지 연결한 기능정의와, AI 코딩 도구에 바로 붙여넣을 프롬프트, 제작 일정 초안까지 한 번에 나와요.
검토하고 엑셀로 내려받아요
자동 생성된 내용은 전부 화면에서 바로 고칠 수 있어요. 완성되면 엑셀로 내려받아 팀과 공유하거나 AI 코딩 도구에 넘기세요.
컨셉 하나로, 사이트까지
메뉴·컨셉만 입력하면 AI 빌드 스펙팩이 나오고, 그 파일을 Claude Code·Cowork에 넘기면 이런 사이트가 완성돼요.
컨셉
반려동물 용품 온라인 쇼핑몰
주요 메뉴
우리 아이를 위한
모든 것, 포포펫 🐾
사료부터 장난감까지 한 곳에서.
쇼핑 시작하기🔥 지금 인기 상품
포포내추럴
리얼 연어 유기농 사료
16%32,900원
댕댕키친
동결건조 닭가슴살 트릿
14%12,900원
댕댕키친
치석케어 덴탈껌 30p
16,900원
플레이펫
노즈워크 스니핑 담요
18%22,900원
기획부터 개발 인계까지, 빠짐없이
한 번 만든 IA는 프로젝트가 끝날 때까지 이 안에서 계속 관리돼요.
자동 IA 생성
메뉴만 입력하면 메뉴당 필요한 화면을 빠짐없이 뽑아 목록으로 정리해요.
페이지ID 자동 부여
디바이스·메뉴코드 기반 규칙으로 페이지ID를 자동으로 붙이고, 프로젝트 안에서 중복 없이 관리해요.
화면별 기능정의
버튼을 누르면 어느 화면으로 이동하는지까지 연결해서 정리해요. 연결이 끊기면 바로 표시돼요.
AI 코딩 프롬프트
화면마다 Claude Code, Cursor 같은 AI 코딩 도구에 바로 붙여넣을 프롬프트를 함께 만들어요.
제작 일정 자동 분배
전체 일정을 입력하면 화면 수에 맞춰 일정 초안을 나눠줘요. 손으로 조정한 화면은 그대로 유지돼요.
엑셀 내보내기
완성된 IA와 일정을 엑셀 파일 하나로 내려받아 팀, 클라이언트와 바로 공유해요.
이런 분들께 잘 맞아요
혼자 기획부터 개발까지 하는 1인 창업자
매번 새 프로젝트마다 IA를 처음부터 짜는 웹기획자
여러 클라이언트 프로젝트를 동시에 굴리는 에이전시 PM
AI 코딩 도구로 빠르게 사이드 프로젝트를 만드는 개발자