AI 기반 설계 자동화 · ArchiVibe

아이디어 한 줄,
레포지토리 지시서까지

머릿속의 앱 아이디어를 AI와 5단계 대화로 정리하면,
Claude Code가 바로 실행할 수 있는 개발 지시서가 완성됩니다.

ArchiVibe 시작하기 사용 가이드 보기 ↓

How it works

5단계로 완성되는 개발 설계

AI가 대화를 이끌고, 설계 문서는 자동으로 생성됩니다.

1

AI 인터뷰

만들고 싶은 앱을 한 줄로 입력하면 AI가 핵심 질문을 이어갑니다.

2

WBS 자동 생성

대화 내용을 분석해 기능 구조도(Work Breakdown Structure)가 자동 완성됩니다.

3

Vibe Dictionary

프로젝트 전용 용어를 한글명·영문 코드명·설명으로 정리합니다.

4

TDS UI 매핑

각 화면에 맞는 토스 디자인 시스템 컴포넌트를 AI가 자동 추천합니다.

5

레포지토리 지시서

Claude Code에 붙여넣기만 하면 코드가 자동 생성되는 마크다운 지시서가 완성됩니다.

Step-by-step Guide

10컷 만화로 보는 사용법

처음 사용하시나요? 만화를 따라가면 5분 안에 익힐 수 있습니다.

01 앱 만들고 싶은데... 설계를 어떻게? ? ? ?

문제 발생! 아이디어는 있는데 설계 문서가 없어서 개발을 시작 못하고 있어요.

02 archivibecoding.web.app A ArchiVibe AI 기반 설계 자동화 지금 바로 시작하기 → ✦

ArchiVibe 발견! 브라우저에서 archivibecoding.web.app 접속합니다.

03 1단계 · AI 인터뷰 어떤 앱을 만들고 싶으신가요? 동네 주민 물건 빌려쓰는 앱| AI 인터뷰 시작하기

아이디어 입력! 만들고 싶은 앱을 한 줄로 간단히 적어요.

04 타겟 사용자가 누구인가요? 어떤 문제를 해결하나요? 🤖 동네 이웃들이요! 물건 공유 문제요 😊 핵심 기능 3가지를 꼽는다면? 수익 모델도 알려주세요!

AI 인터뷰 시작! AI가 아이디어를 구체화하는 질문을 이어갑니다.

05 ✨ WBS 자동 생성! 이웃 공유 앱 회원 관리 물품 등록 대여 예약 소셜 로그인 프로필 설정 사진 업로드 카테고리 분류 ✦ ✦ 인터뷰 완료 → WBS 플로우차트 자동 생성

WBS 자동 생성! 대화 내용을 분석해 기능 구조도가 뚝딱 만들어집니다.

06 2단계 · 이벤트 명세 소셜 로그인 클릭! 이벤트 명세 자동 생성 ✓ INPUT 카카오 OAuth 토큰 LOGIC 토큰 검증 → DB조회 → JWT 발급 OUTPUT 액세스 토큰 + 유저 정보

이벤트 명세 자동 생성! WBS 노드 클릭 한 번으로 Input/Logic/Output이 완성돼요.

07 3단계 · Vibe Dictionary 한글명 영문(코드명) 설명 이웃 Neighbor 서비스 사용자 물품 ShareItem 대여 가능한 물건 대여 RentalRequest 빌리기 요청 평점 Rating 거래 후 별점 AI 자동 생성 완료 ✓

용어사전 완성! 프로젝트 전용 용어를 한글명, 영문 코드명, 설명으로 정리해요.

08 4단계 · TDS UI 매핑 로그인 화면 Button TextInput 물품 목록 CardList SearchBar 예약 화면 DatePicker BottomSheet Toss Design System 컴포넌트 😲

UI 자동 매핑! 각 화면에 맞는 토스 디자인 시스템 컴포넌트를 AI가 추천해줘요.

09 5단계 · 레포지토리 지시서 master-instruction.md # 이웃 공유 앱 — 개발 지시서 ## 프로젝트 구조 - Next.js 14 / TypeScript - Firebase Auth + Firestore ## 1단계: 회원 인증 카카오 OAuth → JWT 발급 Neighbor 컬렉션 생성

지시서 완성! Claude Code가 바로 실행할 수 있는 마크다운 지시서가 생성돼요.

10 Claude Code $ claude Reading instruction... ✓ 프로젝트 구조 생성 ✓ 컴포넌트 코드 작성 ✓ 완료! 🎉 🎉 5단계 완료! 바로 개발 시작! 🚀

개발 완료! 지시서를 Claude Code에 붙여넣으면 코드가 자동으로 만들어집니다. 완성! 🚀

지금 바로 시작해보세요.

아이디어를 코드로 만드는 가장 빠른 방법, ArchiVibe.

ArchiVibe 시작하기