💡가이드

바이브코딩을 위한 좋은 프롬프트 작성법 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는 똑똑하지만 우리가 명확하지 않으면 결과도 흐릿해집니다. 프롬프트 실력 = 생각을 정리하는 능력입니다.