바이브코딩으로 AI틱하게 디자인 안 하는 방법

소개

미국 방문했을 때 할로윈이 유행했습니다.

할로윈 + 넷플릭스 + MBTI 게임을 합쳐 볼까 생각을 해보았고, 조금 빡세게 시간을 투자해 하루만에 게임을 만들어보았습니다.

디자인을 포함하여, 바이브코딩하는 팁에 대해서 조금 남겨보려고 합니다.

1.PRD를 잘 짜는게 유용합니다.

바이브코딩은 중간에 고치는게 더 힘듭니다. 처음에 PRD를 잘 짜는게 유리합니다.

GPT PRD는 아래 2개 중 하나 사용하면 좋습니다.

하지만 PRD만으로 결과값은 충분하지 않습니다.

2.레퍼런스를 잘 주어야 합니다.

피그마메이크의 경우, 이미 잘 만들어둔 레퍼런스가 많습니다. 넷플릭스 스타일은 이미 잘 만들어준 예시가 있기에 이용하면 편합니다.

이후 피그마메이크에 해당 링크를 주고, 간단하게 말을 합니다.

그러면 피그마메이크가 쓱싹쓱싹 바꿔줍니다.

두둥 디자인이 그럴싸해졌습니다.

3.이미지를 뽑는다. 나노바나나로 귀여운 이미지를 만들었습니다.

광선검을 든 루미

갓을 쓴 진우입니다.

클코로 작업을 한 뒤에 최종 작업은 이렇게 되었습니다.

이렇게 질문 내용에 답하면, 아래처럼 캐릭터와 설명이 나옵니다.

So Easy!

게임은 아래 링크에서 해볼 수 있습니다:)