클라이언트가 아이디어를 설명하면 AI가 견적 산출, 요구사항 미팅, 설계, 개발, 배포까지 전 과정을 자동으로 처리하는 소프트웨어 에이전시 플랫폼.
App Router, Server Components, TypeScript strict mode. Geist 폰트 + Tailwind CSS 4.
claude-sonnet-4 모델. SSE 스트리밍 챗. API 키 없을 시 mock 응답 fallback.
Auth (Email + Google OAuth), RLS, 실시간 DB. clients/projects/quotes 테이블.
Shadow-as-border, 공격적 letter-spacing, 멀티레이어 그림자. DESIGN.md 20KB 명세.
프로젝트 타입(랜딩/웹앱/모바일/풀스택) + 복잡도(단순/보통/복잡) 선택 → 시간당 $50 기준 자동 계산. Zod 검증 후 Supabase quotes 테이블에 저장. DB 실패 시 graceful fallback.
Claude가 프로젝트 컨설턴트로서 한국어 상담 진행. SSE 스트리밍으로 실시간 응답. 아이디어 수집 → 명확화 질문 → 요구사항 정리 → 견적 제안. API 키 없을 시 mock 모드.
Email + Google OAuth (Supabase Auth). Next.js middleware로 /dashboard 보호. 클라이언트의 프로젝트, 견적 현황 실시간 표시. 쿠키 기반 세션 관리.
DESIGN.md 20KB 명세. 흰 배경, Geist 폰트, shadow-as-border(전통 보더 대신 그림자), 공격적 음수 letter-spacing. 다크 모드 CSS 변수. 반응형 375px~.
| 테이블 | 주요 컬럼 | 역할 |
|---|---|---|
clients |
user_id, company_name, contact_name, email, phone | 인증된 사용자와 고객 정보 연결 |
projects |
client_id, title, description, status, estimated_cost, deadline | 프로젝트 진행 추적 (pending→in_progress→review→completed) |
quotes |
client_id, project_type, complexity, base_hours, multiplier, total_amount, status | 견적 요청 저장 (pending→reviewed→accepted→rejected) |
Hero, Features, HowItWorks, Pricing 섹션. 견적 폼 + 실시간 계산. Zod 검증. 모바일 반응형.
Supabase Auth (Email + Google OAuth). 미들웨어 보호. 클라이언트 테이블. 세션 쿠키 관리.
Anthropic Claude 스트리밍 챗. 요구사항 추출. Mock 응답 fallback. 미팅 요약 생성.
자동 개발 파이프라인 — AI 에이전트가 설계→코딩→테스트→배포를 자동 처리. 클라이언트는 대시보드에서 진행 상황만 확인.
모든 기능이 API 키 없이도 작동. Anthropic 키 없으면 mock 응답, Supabase 실패 시 로컬 계산. 외부 서비스 장애가 UX를 깨뜨리지 않음.
클라이언트가 아이디어를 설명하면 AI가 나머지를 전부 처리. 견적, 상담, 개발, 배포까지. 사람은 최종 확인만.