바이브마피아가 대신 만들어드림

시청자가 댓글로 보낸 요청 두 개를 라이브에서 Claude Code로 만들었어요. 3D 욕실장 주문 사이트는 거의 맡기기만 했는데 40분 만에 시안이 나왔고, 토익 단어 앱은 개념 모델과 API 목록을 직접 잡느라 두 시간 넘게 걸렸어요. 두 요청을 만든 순서대로 따라가요.

2026-11-10 라이브 · 3시간 36분 · 다시보기

이 노트를 읽고 나면 할 수 있는 것

1. 요청서를 그대로 AI에게 넘기고 되묻게 한 뒤, 기본값으로 빠르게 확정하기
2. 서비스에 나오는 개념과 관계(1:N, N:M)를 직접 그리고 애그리거트로 묶어서 AI에게 넘기기
3. API 계약을 먼저 정해 서버·앱·디자인을 병렬로 돌리고, 다 쓴 문서는 지우기

목차

• 이미지 한 장으로 받은 요청, 되묻게 하고 가볍게 시작 ▶ 0:09:31
• Opus 엑스트라를 접고 세션을 하나 더 연 이유 ▶ 0:26:20
• 3D 현실감은 단계로 올리고, 평가는 내가 링크로 ▶ 0:36:21
• 관리자 화면, 그리고 남지 말아야 할 문서 ▶ 0:55:05
• 비싼 3D 구성 서비스를 직접 만든다면 ▶ 1:08:45
• 토익 앱 요청서에서 먼저 고친 세 가지 ▶ 1:15:36
• 개념 모델링과 애그리거트를 손으로 그리기 ▶ 1:21:18
• 그린 모델을 넘기고, 되묻는 질문에 답하기 ▶ 1:36:52
• 이건 설계가 아니라 기획이에요 ▶ 2:05:10
• API 목록을 먼저 정하고 하나씩 따지기 ▶ 2:14:33
• 계약 라이브러리, 병렬 작업, 디자인 시안 ▶ 2:40:26
• Q&A ▶ 2:53:30
• 오늘 해볼 것 ▶ 3:35:44

이미지 한 장으로 받은 요청, 되묻게 하고 가볍게 시작 ▶ 0:09:31

첫 요청은 욕실장 색상, 거울 모양, 내부 칸 구성, 크기를 3D로 보면서 골라 주문하는 사이트였어요 ▶ 0:09:42. 요청자는 "게임에서 캐릭터를 커스텀하고 게임을 시작하듯이"라고 적었어요.

어떤 경험이 완성돼야 할지 감이 안 왔어요 ▶ 0:09:55. 그래서 정리하지 않고 댓글 캡처를 그대로 Claude Code에 넣었어요. 폴더는 터미널에서 mkdir로 만들고, Claude 데스크톱에서 그 폴더로 새 세션을 열었어요.

이 이미지를 이해하고, 요구사항을 파악해봐. 잘 이해안되는 부분 있으면 내게 되물어줘. 마피아MCP를 잘 활용해서 진행해.

Claude는 모호한 6개 항목에 기본값을 붙여 되물었어요 ▶ 0:16:57. 금액 계산은 "사이즈별 기본가 + 옵션별 추가금", 주문은 결제 없이 접수까지, 관리자는 비밀번호 하나로 로그인하는 식이에요. 읽어 보고 전부 기본값으로 확정했어요 ▶ 0:17:36.

확정하면서 요구를 두 가지 보탰어요. 프로토타이핑을 일단 빠르게 뽑는 게 좋을 것 같거든요. ▶ 0:17:46 프레임워크 없이 HTML·CSS·JavaScript만 쓰라고 했고, 3D는 박스 몇 개로 때우지 말라고 못 박았어요.

이 단계에서 코드 구조를 잡지 않는 데는 이유가 있어요. UI·UX 감을 잡는 동안은 계속 고치게 되는데 ▶ 0:20:29, 구조를 먼저 잡아 두면 시행착오 한 번이 너무 느려져요. 그래서 저는 프로토타입으로 감부터 잡고 제대로 개발하는 순서를 권해요 ▶ 0:20:21.