AI 바이브 코딩의 최고의 치트 코드

제가 바이브 코더로서 정착한 워크플로우를 공유하고 싶습니다. 실제로 저에게 아주 잘 맞고, 하나의 도구나 AI에 갇히지 않고 계속 작업을 진행할 수 있게 해주거든요.

현재 제 설정에는 네 가지가 있습니다:

1. ChatGPT 웹 (Pro 구독).
2. ChatGPT 터미널의 Codex (같은 구독).
3. CLI 터미널의 Claude Pro.
4. Cursor Pro.

이 설정이 마음에 드는 이유는 하나의 AI에게 모든 것을 시키려 하지 않기 때문입니다. 작업 단계에 따라 업무를 분담하는데, 덕분에 전체 과정이 훨씬 매끄럽게 느껴집니다.

제 워크플로우는 보통 ChatGPT 웹(무료, 속도 제한 없음)에서 시작합니다. 기능을 논의하고, 원하는 것을 설명하고, 무엇을 변경해야 할지 파악하는 데 가장 좋은 곳이라 먼저 사용합니다. 이 단계에서는 아직 코드를 작성하려 하지 않습니다. 기능, 현재 흐름, 원하는 최종 결과에 대해 생각만 합니다.

ChatGPT가 현재 코드 경로나 동작에 대한 맥락을 이해해야 한다면, 코드 도구 안에서 사용할 수 있는 프롬프트를 달라고 요청합니다(예: "내 코드 안의 AI를 위한 프롬프트를 줘, 그리고 무엇을 이해해야 하는지 물어봐"). 어떤 AI를 사용할지는 말하지 않고 범용적으로 유지합니다. 그냥 어떤 정보가 필요한지만 물어봅니다.

그 후 Cursor Auto를 사용해 프롬프트를 붙여넣으면, 코드를 읽고 ChatGPT 웹이 가졌던 질문에 답합니다. 그러면 다시 ChatGPT로 돌아가서 발견한 내용을 붙여넣고 논의합니다. 모든 것이 이해될 때까지 기능, 변경 사항, 최종 합의를 검토합니다.

완료되고 우리가 원하는 것을 정확히 알게 되면, ChatGPT 웹에 새로운 AI 탭을 위한 또 다른 프롬프트를 요청합니다.

이 두 번째 프롬프트는 디자인 작업을 위한 것입니다. 코드 디자인을 하라고 하지 않습니다. 제품 UX, 흐름, 사용자 관점에서 기능이 어떻게 작동해야 하는지에 집중하라고 합니다. 또한 ChatGPT에게 프롬프트에 "디자인을 새 파일로 작성해"라고 포함하도록 요청해서 나중에 참조할 수 있게 합니다. 이 부분은 서로 다른 AI 사이에서 일관성을 유지하고 각 AI의 전체 맥락을 쉽게 구축할 수 있게 해주어 매우 유용합니다.

그런 다음 그 프롬프트를 CLI의 Claude Opus에 가져가서 기능을 제대로 설계하고 전체 디자인 파일을 달라고 요청합니다. 저는 디자인이 실용적이고 깔끔하며 모범 사례에 기반하기를 원합니다. 또한 단순히 보기 좋은 것을 만드는 게 아니라 보안, 성능, 효율성, 확장성을 고려하길 원합니다.

Claude가 디자인 파일을 주면, 다시 ChatGPT 웹으로 가져와서 우리가 이미 합의한 제품 UX와 비교하여 검토해달라고 합니다. 파일을 붙여넣기 전에 다음과 같은 프롬프트를 사용합니다:

아래 텍스트는 작업을 수행한 후 내 코드에서 AI가 생성한 것입니다. 그 행동이나 제안을 맹목적으로 받아들이지 마세요. 그것이 무엇을 했고 무엇을 권장하는지 신중하게 검토하세요.

보안, 성능, 유지보수성에 중점을 두고 확립된 코딩 모범 사례에 따라 모든 것을 검증하세요. 공식 문서, 신뢰할 수 있는 엔지니어링 블로그, 개발자 포럼과 같은 신뢰할 수 있는 출처를 사용하여 접근 방식을 교차 검증하세요.

검토 후:

구현에 동의하는지 결정하세요.
그렇지 않다면, 무엇이 잘못되었고 왜 그런지 간단한 용어로 명확히 설명하세요.
모범 사례에 기반한 구체적인 개선 사항을 제안하세요.
명확한 다음 단계 프롬프트를 제공하세요.

추가로 포함할 내용:

현재 상태에 대한 결과 요약.
다음 작업에 대한 프롬프트 (기능이 불완전하면 무엇을 수정해야 하는지, 완료되었다면 다음에 무엇을 해야 하는지 명시).