💡가이드
바이브코딩을 위한 좋은 프롬프트 작성법 10가지
AI에게 명령하는 것이 아니라 팀원처럼 대화하며 코딩하는 바이브코딩의 핵심 프롬프트 작성 원칙
↗ 원본 링크#프롬프트엔지니어링#바이브코딩#클로드#AI코딩
바이브코딩을 위한 프롬프트 작성법
AI와 대화하며 코딩하는 '바이브코딩'을 잘하려면 프롬프트를 외우는 것이 아니라 이해하는 것이 중요합니다.
10가지 핵심 원칙
1️⃣ 목적부터 설명하기
❌ "할 일 추가 버튼 만들어줘"
✅ "바쁜 직장인이 빠르게 할 일을 추가할 수 있는 앱이야"
기능이 아닌 사용 상황을 설명하면 AI가 자동 포커스, 엔터키 입력, 최소 클릭 등을 고려해서 만듭니다.
2️⃣ 팀원처럼 대하기
❌ "로그인 페이지 만들어줘"
✅ "처음 사용하는 사람들이 부담 없이 가입할 수 있는 로그인 페이지야. 너무 복잡하지 않았으면 좋겠어"
맥락을 주면 톤, 구조, 복잡도가 자연스럽게 정해집니다.
3️⃣ 기술 스택 명확히 하기
▸React인지 Vue인지
▸모바일 웹인지 앱인지
▸다크모드 기본인지
명확하게 정하지 않으면 평균적인 답변만 받게 됩니다.
4️⃣ 제약사항 명시하기
▸애니메이션 과하게 넣지 마
▸외부 라이브러리 추가하지 마
▸파일 너무 쪼개지 마
▸코드 복잡하게 만들지 마
제약이 많을수록 결과는 정교해집니다.
5️⃣ 단계적으로 접근하기
쇼핑몰 상세 페이지 예시:
1.레이아웃 구조 먼저
2.UI 구현
3.상태 관리 정리
4.코드 단순화
바이브코딩은 대화하면서 다듬는 과정입니다.
6️⃣ 감성을 구체적으로 표현하기
❌ "깔끔하게 해줘"
✅ "애플 홈페이지 느낌", "인스타그램처럼 심플하게", "노션처럼 여백 많은 스타일"
추상적 표현보다 레퍼런스를 제시하세요.
7️⃣ 출력 형식 지정하기
▸코드만 출력해줘
▸파일 구조 포함해줘
▸주석 최소화해줘
▸설명은 짧게
원하는 형식을 말하지 않으면 불필요하게 길어질 수 있습니다.
8️⃣ 예시 제공하기
계산기 앱 예시:
입력: 10000
할인율: 20%
출력: 8000설명보다 예시가 더 강력합니다.
9️⃣ 리팩토링 요청하기
첫 번째 결과는 초안입니다. 한 번 더 다듬으세요:
▸더 단순하게 만들어줘
▸가독성 좋게 정리해줘
▸초보 개발자도 이해할 수 있게 바꿔줘
▸성능 고려해서 다시 짜줘
🔟 명확함이 핵심
좋은 프롬프트는 멋있는 문장이 아닙니다.
▸목적이 명확하고
▸제약이 명확하고
▸맥락이 명확하고
▸출력 형식이 명확하면
AI는 실력 좋은 동료처럼 움직입니다.
결론
프롬프트는 암기 과목이 아니라 사고를 정리하는 과정입니다. AI는 똑똑하지만 우리가 명확하지 않으면 결과도 흐릿해집니다. 프롬프트 실력 = 생각을 정리하는 능력입니다.