💡가이드

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