프로토타입: Cursor + Claude로 하루 만에

[기능]
- AI 자동완성 (전체 함수)
- Chat (코드 컨텍스트 인식)
- Composer (멀티 파일 편집)
- Apply (즉시 적용)


[가격]
- Free — 200 slow requests/mo
- Pro $20/mo — 500 fast + 무제한 slow
- Business $40/user — 팀

오전 (4시간) — 기본 구조
- 09:00 Next.js 프로젝트 + Tailwind
- 09:30 인증 (Supabase)
- 10:30 DB 스키마
- 11:30 첫 페이지

오후 (4시간) — 핵심 기능
- 13:00 핵심 비즈니스 로직
- 14:30 AI 통합 (Gemini·OpenAI)
- 16:00 UI 다듬기 (v0.dev)

저녁 (2시간) — 배포
- 18:00 Vercel 배포
- 19:00 도메인·SSL
- 20:00 친구 5명 베타


→ 24시간 안에 작동하는 MVP
→ 100% 완성 X (60% 충분)
→ 출시 후 반복

[Composer 모드]

// 잘못된 프롬프트
"Make a chat app"

// 좋은 프롬프트
"Create a Next.js 16 chat interface using:
- Tailwind + shadcn
- Vercel AI SDK
- Stream responses from Gemini Flash
- Save messages to Supabase
- Show typing indicator
- Error handling with toast

Files needed:
- app/api/chat/route.ts
- app/chat/page.tsx
- components/Message.tsx"


→ 컨텍스트 + 명세 + 파일 구조
→ Cursor가 정확히 만듦

@codebase — 전체 코드 참조
@docs — 외부 문서 추가

예:
"Looking at @codebase, add a new feature to the chat:
quote-reply functionality.
- Reference @docs https://ui.shadcn.com/docs/components/popover
- Use Popover for the quote selector
- Update the API to handle quoted messages"

// 1. 테스트 먼저 (Cursor에 명세)
"Write a Vitest test for the calculateOrderTotal function:
- Subtotal sum
- 10% discount applies
- Free shipping over $50
- Tax 10% added at end
- Edge case: empty order"

// 2. Cursor가 테스트 작성

// 3. "Now implement calculateOrderTotal to pass these tests"

// 4. Cursor가 구현

// 5. pnpm test → 검증

https://bolt.new

프롬프트:
"Build a SaaS landing page with:
- Hero, Features, Pricing, FAQ, CTA
- Tailwind + shadcn
- Email signup form
- Dark mode toggle"


→ 30초 만에 풀 Next.js 앱
→ 코드 다운로드 또는 Vercel 즉시 배포
→ 검증·MVP 단계 압도적

https://v0.dev

프롬프트:
"Pricing card with 3 tiers, featured middle one"

→ 30초에 React + Tailwind 컴포넌트
→ shadcn 호환
→ Cursor에 import → 통합

[1] v0.dev로 UI 빠르게
   "Dashboard with sidebar navigation, top stats cards, line chart"

[2] Cursor로 통합
   "Add this UI to my Next.js app at /dashboard
    Connect the data to my Supabase"

[3] Bolt.new로 신규 페이지
   "/landing — pricing-focused"

[4] Cursor로 fine-tune
   "Optimize the pricing CTA, A/B test setup"


→ 각 도구 강점 활용
→ 1인 개발자 효율 10배

[빠른 디버깅]
1. 에러 복사 → Cursor Chat
2. "Why is this failing? What's the fix?"
3. 코드 컨텍스트 자동 인식


[복잡한 버그]
1. 관련 파일 @open 또는 @codebase
2. "Reproduce this bug step by step"
3. "Now fix it"


[성능]
"Profile this component for unnecessary re-renders"
"Suggest 3 ways to optimize"

Cursor에 직접:
"Add Stripe to this project for subscription billing
- Install @stripe/stripe-js
- Create webhook handler
- Add env vars
- Show example code"


→ pnpm install 자동
→ 코드 추가 자동
→ 환경변수 placeholder 추가

[Old (No AI)]
Day 1: Next.js setup
Day 2: Auth
Day 3: DB schema
Day 4: 핵심 기능
Day 5: UI
Day 6: 결제
Day 7: 배포

[New (Cursor + AI)]
Day 1 (8시간):
- 1h Next.js + Auth (Cursor가 생성)
- 1h DB (Cursor가 schema)
- 3h 핵심 기능 (Cursor pair programming)
- 1h UI (v0.dev)
- 1h 결제 (Cursor가 Stripe 통합)
- 1h 배포 (Vercel)


→ 6배 빠름
→ 1주 분량 = 1일