버튼 3개가 다 다르게 생겼으면 뭔가 잘못된 거임

결론부터

1. PRD 기반으로 UI 프로토타입 먼저 만들고
2. V0, shadcn 같은 UI 사이트 참고해서 컴포넌트 스타일 잡고
3. 데모 페이지에 정리해두면

→ 디자인 일관성 유지 + Claude한테 보여주기 좋음

전체 흐름

PRD (뭘 만들지)
    ↓
UI 프로토타입 (대충 어떻게 생겼는지)
    ↓
컴포넌트 데모 페이지 (스타일 정리)
    ↓
실제 구현

이 순서로 가면 “디자인 따로, 코드 따로” 안 됨.

PRD → UI 프로토타입

PRD 있으면 바로 프로토타입 만들 수 있음

나: @prd.md 이 PRD 기반으로 UI 프로토타입 만들어줘.
    Next.js + Tailwind + shadcn 써줘.

Claude: [프로젝트 생성 + 주요 화면 구현]

PRD에 사용자 흐름, 핵심 시공점 있으니까 Claude가 어떤 화면 필요한지 알 수 있음.

화면별로 요청해도 됨

나: 로그인/회원가입 화면 프로토타입 만들어줘.
    - 이메일/비밀번호 로그인
    - 소셜 로그인 (Google, Kakao)
    - 회원가입 폼

V0, shadcn 참고하기