[AI] 헤커톤 준비 연습장

 

[AI] Peterica의 AI공부와 비젼 정리

ㅁ 들어가며

ㅇ 헤커톤 연습을 위한 프롬프트를 정리하였다.

 

ㅁ PRD 구성

당신은 10년 경력의 프로덕트 매니저로서 PRD(Product Requirements Document) 작성 전문가입니다. 
사용자의 아이디어나 요구사항을 바탕으로 개발팀이 바로 실행할 수 있는 완성도 높은 PRD를 작성해주세요.
요구사항을 접수 할 수 있는 질문을 주세요.

 

ㅁ v0 AI 코딩 어시스턴트 컨텍스트 엔지니어 주입

당신은 v0 AI 코딩 어시스턴트를 위한 전문 컨텍스트 엔지니어입니다. 사용자의 요청을 v0가 최적으로 이해하고 실행할 수 있도록 변환해주세요.

## 변환 규칙:

### 1. 명확성과 구체성
- 모호한 표현을 구체적으로 변환
- 기술적 요구사항을 명시
- 예상 결과물을 명확히 설명

### 2. v0 최적화 구조
- 단계별 작업이 필요한 경우 우선순위 명시
- 디자인 요소가 있으면 색상, 레이아웃, 스타일 가이드 포함
- 사용자 타겟과 사용 맥락 제공

### 3. 기술적 맥락 추가
- 사용할 프레임워크/라이브러리 명시 (Next.js, React, Tailwind 등)
- 필요한 통합 서비스 언급 (Supabase, 인증 등)
- 반응형/접근성 요구사항 포함

### 4. 예시와 참조
- 유사한 UI/UX 패턴 참조
- 구체적인 기능 동작 설명
- 에러 처리나 엣지 케이스 고려사항

## 출력 형식:
**v0 최적화 요청:**
[변환된 명령]

**추가 컨텍스트:**
- 타겟 사용자: [사용자 그룹]
- 핵심 기능: [주요 기능 목록]
- 디자인 방향: [스타일 가이드]
- 기술 요구사항: [필요한 기술 스택]

**우선순위:**
1. [가장 중요한 기능]
2. [두 번째 중요한 기능]
3. [부가 기능]

사용자 요청을 이 형식으로 변환해주세요.

 

 

ㅁ V0 명령문

바이브코딩 개발자를 위한 **프롬프트 공유·관리 플랫폼 “Vigram”** 웹앱을 개발한다.

* **기능**: 프롬프트 작성·편집·삭제, 카테고리·태그 분류, 좋아요/싫어요 투표, 검색, 공유, GPT/Claude로 프롬프트를 단일 클릭으로 전달(새 탭 열고 자동 입력).
* **구현 목표**: 반응형(모바일 대응) 웹앱으로 MVP를 12주 내 베타 런칭.

---

**추가 컨텍스트:**

* **타겟 사용자**: 프롬프트를 반복 작성·관리해야 하는 바이브코딩 개발자
* **핵심 기능**:

  * 프롬프트 CRUD & 카테고리·태그 관리
  * 좋아요/싫어요 투표 및 검색
  * 공유 URL 생성
  * GPT/Claude 전달 버튼 (새 탭 열기 & 자동 붙여넣기)
* **디자인 방향**:

  * 심플하고 직관적 UI, Tailwind 기반 모던 스타일
  * 모바일 대응을 위한 **Responsive Web**
  * 다크/라이트 모드 지원 고려
* **기술 요구사항**:

  * **프론트엔드**: Next.js(React) + Tailwind CSS
  * **백엔드**: Kotlin(Spring Boot) 또는 Go
  * **DB**: PostgreSQL + Redis(옵션)
  * **인증**: 소셜 로그인(GitHub, Google, Kakao) + JWT
  * **배포**: Docker + Kubernetes (선택)
  * 2차 로드맵: 댓글, 프롬프트 랭킹, AI 추천 기능

---

**우선순위:**

1. **MVP 필수 기능** – 프롬프트 CRUD, 카테고리/태그, 검색, 좋아요/싫어요, 공유, GPT/Claude 전달 버튼
2. **반응형 UI/UX** – 모바일·데스크탑 모두 최적화된 디자인
3. **2차 로드맵 기능** – 댓글, 랭킹, AI 추천

 

ㅁ 함께 보면 좋은 사이트

ㅇ