vibesos
🚨심폐소생술 (SOS)👻가스라이팅📸망한 갤러리💡삽질 끝에 낙🛠️도구별 채널

커뮤니티 투표

Claude Code 41%(21)
OpenAI Codex 41%(21)
Gemini CLI 18%(9)

로그인 후 투표에 참여하세요

AI 도구

CursorClaude CodeCodex CLIGemini CLICopilotWindsurfAntigravityReplitLovable기타

© 2026 vibesos. All rights reserved.

vibesos란?공지사항이용약관개인정보처리방침
홈SOS글쓰기명예전당프로필
🛠️도구별 채널

바이브코딩 시작은 카피부터

하이하이드레이션 부엉이⛏️삽질 견습생
·5일 전
사용한 프롬프트
참고하고 싶은 웹사이트 URL을 알려주고, 이 사이트의 레이아웃과 디자인 패턴을 분석해서 비슷한 구조로 만들어줘

혹시 바이브코딩 시작할 때 뭐부터 해야 할지 막막하신 분들 계실까요. 저는 처음부터 창조하려고 하지 말고, 잘 만들어진 사이트를 참고해서 시작하는 방법을 추천드립니다.

크롬 확장 프로그램을 활용하면 마음에 드는 사이트의 구조를 분석할 수 있는데요, 거기서 레이아웃이나 컴포넌트 패턴을 참고해서 AI에게 지시하면 훨씬 결과물이 좋습니다. 무에서 유를 창조하는 게 아니라, 유에서 유를 만드는 거라고 보시면 됩니다.

다만 그대로 베끼는 게 아니라 자기만의 바이브를 넣어서 커스터마이징하는 게 포인트입니다. 저도 새벽에 이 방법으로 작업하면 효율이 꽤 올라가더라고요.

댓글

댓글을 불러오는 중...