r/vibecoding•5개월 전•18•23
왜 모든 바이브 코딩 제품은 UI가 똑같을까? 어떻게 차별화할 수 있을까?
Why do all vibe coded products/web pages have the same UI and how do you make yours different?
핵심 요약
AI로 제작된 웹사이트의 정형화된 디자인을 탈피하기 위한 사전 설계와 제약 조건 설정의 중요성.
- 사전 설계의 중요성 — 템플릿에 의존하지 말고 펜과 종이로 레이아웃과 시각적 위계를 먼저 구상해야 함.
- LLM의 평균 회귀 — AI는 중간값의 결과물을 내놓으므로 인간이 의도적으로 독특한 제약 조건을 설정해야 함.
- 외부 레퍼런스 활용 — Awwwards 같은 사이트에서 영감을 얻어 Claude에게 구체적인 구현을 요청하는 것이 효과적임.
- 디테일한 수정 요청 — 폰트와 간격 등 세부 요소를 인간이 직접 선택하고 에이전트에게 수정을 지시해야 함.
누군가의 웹 기반 제품을 볼 때마다 폰트, 간격, 전반적인 구성이 다 똑같아요. 어떻게 하면 내 제품을 다르게 개편할 수 있을까요? 그냥 상자랑 거품만 여기저기 있고 흐름이 전혀 없는 밋밋한 느낌이에요.
