r/vibecoding•4개월 전•0•44
매번 똑같은 vibe-coded 사이트가 지겨워서 직접 만들어 봤습니다
Every vibe-coded site looks the same. Built this one for a change
핵심 요약
AI로 만든 사이트들이 다 비슷해 보여서, ChatGPT와 Gemini를 활용해 차별화된 디자인의 사이트를 직접 제작함.
- 제작 동기 — 기존 vibe-coded 사이트들의 획일적인 디자인에 지루함을 느껴 차별화 시도함.
- 제작 도구 — Greta.sh를 사용했으며, 특정 툴보다는 프롬프트 활용 방식이 중요함을 강조함.
- 디자인 전략 — SaaS 랜딩 페이지 형식을 벗어나기 위해 ChatGPT와 Gemini로 이미지와 애니메이션을 생성함.
솔직히 말해서, 매번 똑같은 vibe-coded 웹사이트를 만들고 보는 게 지겨웠습니다. 그래서 이걸 만들었어요 - https://preview-1064c93d-9365-44bb-bbf7-c1b799d5c9c5.greta.sh/
제작 과정:
도구: Greta sh. 미리 밝히자면, 저는 Greta에서 일하고 있어서 직접 사용해 본 겁니다. 하지만 이 글은 도구 자체가 아니라 디자인 접근 방식에 대한 내용입니다. 프롬프트를 올바르게 입력한다면 어떤 vibe coding 플랫폼으로도 이런 결과물을 만들 수 있습니다.
실제로 효과가 있었던 방법: 원하는 사이트를 설명하는 대신, ChatGPT로 이미지를 만들고 Gemini로 애니메이션을 입힌 뒤 Greta sh에 입력했습니다. SaaS 랜딩 페이지 장르에서 벗어난 레퍼런스를 활용한 것이 가장 큰 핵심이었습니다.
여러분은 어떻게 생각하시나요?
