r/vibecoding•4개월 전•0•7
웹사이트 레이아웃을 위한 170가지 UI 프롬프트 모음집을 만들었습니다
I built a collection of 170 UI prompts for website layouts like hero, pricing, and FAQ sections
핵심 요약
AI 코딩 도구에서 활용 가능한 170가지 고품질 웹사이트 UI 레이아웃 프롬프트 모음집을 공개했습니다.
- UI 프롬프트 모음 — 히어로, 가격, FAQ 등 웹사이트 주요 섹션을 위한 170가지 프롬프트 제공
- 전환 최적화 설계 — 단순 랜덤 생성이 아닌 과학적 근거를 바탕으로 설계된 레이아웃
- AI 도구 호환성 — Claude, Cursor, Codex 등 다양한 AI 코딩 도구에서 즉시 활용 가능
- 차별화된 결과물 — 일반적인 프롬프트보다 더 전문적이고 독창적인 웹사이트 구현 가능
안녕, 바이브코더 여러분!
3천만 개 이상의 프로젝트 데이터를 기반으로 검증된 UI/UX 시스템을 활용해 히어로, 가격, FAQ, 푸터 등 인기 있는 웹사이트 레이아웃 섹션을 AI에게 지시할 수 있는 170가지 UI 프롬프트 리스트를 만들었습니다.
이 프롬프트들을 조합하여 전체 페이지를 구축할 수도 있습니다. AI에게 이 프롬프트들을 좋은 지침의 소스로 활용하라고 지시하면 됩니다. 저는 Google Stitch와 함께 사용했지만, Claude Design, Codex, Cursor 같은 다른 AI 도구에서도 얼마든지 사용할 수 있습니다.
그렇다면 단순히 "가격 섹션 하나 만들어줘"라고 하는 것보다 왜 이게 더 좋을까요?
사용자의 필요에 더 잘 맞는 레이아웃을 선택할 수 있고, 일반적인 바이브 코딩 앱과는 확실히 다른 결과물을 얻을 수 있기 때문입니다. 남들과 차별화하기에 아주 좋은 방법이죠.
또한 이 레이아웃들은 전환율을 고려해 세심하게 제작되었기 때문에 단순히 무작위로 생성된 UI 섹션이 아니라 과학적인 근거를 담고 있습니다.
여기서 확인해 보세요: https://www.typeui.sh/prompts
