무엇을 제공하나요?
바이브코딩디자인MD는 한국 서비스의 디자인 패턴을 정리한 DESIGN.md, 화면 유형별 AI 코딩 프롬프트, 이미지·영상 생성 프롬프트, 그리고 계약서·회사 양식 프롬프트를 한곳에서 제공합니다. 초안 작성에 드는 시간을 크게 줄여 줍니다.
이미지·영상 생성 프롬프트
누끼컷·카드뉴스·썸네일부터 숏폼·제품 데모까지. 용도를 고르면 쓰는 모델 문법에 맞춘 프롬프트로 변환해 드립니다.
썸네일은 각 프롬프트를 실제로 실행해 생성한 결과 예시입니다. 같은 프롬프트라도 실행할 때마다 결과는 달라집니다. 아직 이미지가 없는 카드는 프롬프트가 만들어 낼 구도를 그린 도식으로 표시됩니다. 모든 프롬프트는 직접 작성한 원본입니다.
아래는 사용 방법을 설명하기 위한 가상 예시이며 고객 사례나 성과 측정 결과가 아닙니다.
소유한 제품 사진을 참고해 정사각형 상세페이지 배경 제작. 제품 형태·로고는 변경 금지. 밝은 회색 배경, 왼쪽 위 확산광, 문구는 이미지에 생성하지 않음.
먼저 배경과 제품 배치만 검토하고 가격·제품명은 편집 도구에서 별도 텍스트로 넣습니다. 영상은 시작·중간·끝 프레임에서 제품 형태가 유지되는지 확인합니다.
상표·초상권·참고 이미지 이용 권한을 확인하세요. 카드 이미지는 방향을 보여 주는 참고 이미지이며, 모든 모델에서 같은 결과가 재현된다는 의미가 아닙니다.
About
바이브코딩디자인MD는 한국 서비스의 디자인 패턴을 정리한 DESIGN.md, 화면 유형별 AI 코딩 프롬프트, 이미지·영상 생성 프롬프트, 그리고 계약서·회사 양식 프롬프트를 한곳에서 제공합니다. 초안 작성에 드는 시간을 크게 줄여 줍니다.
상단 네비게이션에서 디자인 MD / 추천 프롬프트 / 이미지·영상 프롬프트 / 계약서 양식 / 회사 양식을 선택하고, 원하는 카드를 열어 프롬프트를 복사한 뒤 Cursor·Claude·ChatGPT·Midjourney 같은 AI 도구에 붙여 넣으면 됩니다.
빠르게 서비스를 만들어야 하는 1인 창업자, 반복 문서를 자주 쓰는 소상공인·스타트업, 한국형 UI 톤과 실무 문서를 동시에 잡아야 하는 제작자와 기획자를 위해 만들었습니다.
계약서·회사 양식은 참고용 초안을 생성하는 프롬프트입니다. 실제 체결·제출 전에는 변호사·노무사·세무사 등 전문가의 검토를 권장하며, 법적 책임은 이용자에게 있습니다.
Design analysis
색상 코드만 옮겨 적으면 그 서비스처럼 보이지 않습니다. 각 스타일이 왜 그렇게 생겼는지, 어떤 규칙이 인상을 만드는지, 그리고 어떤 화면에는 쓰면 안 되는지까지 하나씩 정리했습니다.
네이버 스타일의 핵심은 초록색이 아니라 밀도입니다. 한 화면에 최대한 많은 진입점을 올리면서도 산만해 보이지 않게 만드는 규칙이 이 스타일의 실체입니다.
분석 읽기 →Messenger & PlatformKakao 스타일 분석카카오 스타일이 친근하게 느껴지는 이유는 노란색보다 형태에 있습니다. 모서리 처리와 말풍선 구조가 대화의 감각을 화면 전체로 퍼뜨립니다.
분석 읽기 →FintechToss 스타일 분석토스 스타일의 본질은 파란색이 아니라 덜어내기입니다. 한 화면에 과업 하나만 남기는 규칙이 나머지 모든 결정을 끌고 갑니다.
분석 읽기 →CommerceCoupang 스타일 분석커머스 스타일의 목적은 아름다움이 아니라 판단 속도입니다. 목록을 훑는 몇 초 안에 가격과 배송을 읽게 만드는 것이 전부입니다.
분석 읽기 →Food & LocalBaemin 스타일 분석이 스타일은 유쾌함을 색이 아니라 손맛으로 만듭니다. 살짝 기울인 요소와 말투가 화면의 성격을 결정합니다.
분석 읽기 →Fashion29CM 스타일 분석이 스타일은 상품을 파는 화면이 아니라 읽는 화면으로 만듭니다. 여백과 타이포그래피만으로 가격 경쟁에서 빠져나옵니다.
분석 읽기 →FashionMusinsa 스타일 분석이 스타일은 순위와 한정성으로 움직입니다. 무엇이 잘 팔리는지, 언제 끝나는지를 화면 구조 자체가 말합니다.
분석 읽기 →CommerceKurly 스타일 분석신선식품 화면의 과제는 품질을 사진만으로 증명하는 것입니다. 이 스타일은 그 부담을 여백과 정보 순서로 나눠 집니다.
분석 읽기 →TravelYanolja 스타일 분석예약 서비스의 화면은 설렘과 정확성을 동시에 요구합니다. 이 스타일은 상단에서 감정을, 하단에서 숫자를 담당하게 나눕니다.
분석 읽기 →Food & LocalDaangn 스타일 분석지역 커뮤니티 서비스에서 디자인이 해결해야 할 문제는 미감이 아니라 신뢰입니다. 모르는 사람과 거래하게 만드는 장치가 화면 곳곳에 필요합니다.
분석 읽기 →MediaWatcha 스타일 분석콘텐츠 추천 서비스의 화면은 포스터가 주인공입니다. UI는 포스터를 가리지 않는 선에서만 존재해야 합니다.
분석 읽기 →Real EstateZigbang 스타일 분석부동산 서비스는 지도와 목록이라는 두 개의 화면을 동시에 다뤄야 합니다. 이 둘의 비중을 어떻게 나누느냐가 이 스타일의 전부입니다.
분석 읽기 →Guides
AI로 화면과 문서를 만들 때 실제로 부딪히는 문제들을 정리했습니다. 도구를 쓰기 전에 한 번 읽어 두면 다시 만드는 시간을 줄일 수 있습니다.
"예쁘게 만들어줘"만으로는 정보 위계와 사용 조건을 전달하기 어렵습니다. 이 글은 예약·검색·커머스 등 화면의 목적에 맞춰 색상 역할과 레이아웃 제약을 AI에 전달하는 방법을 설명합니다.
가이드 읽기 →프롬프트 가이드바이브코딩 프롬프트를 잘 쓰는 5가지 원칙같은 AI에게 같은 기능을 요청해도 결과물의 완성도는 프롬프트에 따라 크게 갈립니다. 여러 번 다시 시키는 대신, 처음부터 잘 통하는 프롬프트에는 공통된 구조가 있습니다.
가이드 읽기 →디자인 분석토스·배민·당근의 UI는 무엇이 다른가세 서비스 모두 한국에서 가장 많이 쓰이지만, 화면을 만드는 원칙은 정반대에 가깝습니다. 무엇을 참고할지 고르기 전에 각자의 문법을 이해할 필요가 있습니다.
가이드 읽기 →문서 가이드AI로 계약서 초안을 만들 때 반드시 확인할 것AI는 계약서 초안을 몇 초 만에 만들어 줍니다. 하지만 그대로 서명하면 위험합니다. 초안을 실무에 쓸 수 있는 문서로 만드는 최소한의 확인 절차를 정리했습니다.
가이드 읽기 →문서 가이드회사 문서를 AI로 빠르게 만드는 워크플로견적서, 회의록, 사업계획서처럼 반복되는 문서에 드는 시간은 생각보다 큽니다. 매번 백지에서 시작하지 않는 방법을 정리했습니다.
가이드 읽기 →Blog
여행기와 리뷰를 기록하는 운영자의 블로그 헤이즐넛의 향기입니다. 아래 버튼을 누르면 해당 글로 이동합니다.
Editorial Policy
각 분석과 템플릿은 단순 링크 모음이 아니라 색상 역할, 사용 맥락, 문서 구성, AI 프롬프트 지침을 설명하는 독자적인 텍스트 콘텐츠로 구성합니다.
상단 카테고리 네비게이션과 하단 링크를 통해 각 카테고리, 광고정책, 가이드, 개인정보처리방침, 이용약관, 문의 정보를 쉽게 찾을 수 있습니다.
사이트는 운영비 충당을 위해 Google AdSense 광고를 게재할 수 있으며 광고 영역은 "광고"로 명확히 구분됩니다. 광고는 콘텐츠 탐색을 과도하게 방해하지 않는 위치에 배치합니다.
불법 행위, 성인 콘텐츠, 증오·폭력 조장, 저작권 침해 자료, 기만적 다운로드를 제공하지 않습니다. 모든 자료는 공개 정보 기반의 참고 자료로 처리합니다.
바이브코딩디자인MD는 회원가입과 결제 없이 이용할 수 있는 무료 서비스입니다. 계정을 만들지 않으므로 이름·연락처 같은 회원 정보를 받지 않고, 카드 정보나 결제 정보도 수집·저장하지 않습니다.
호스팅 — 사이트는 Netlify에서 호스팅됩니다. 웹서버 특성상 접속 IP, 브라우저 종류, 요청 경로가 서버 접속 로그로 기록될 수 있으며, 이는 서비스 운영과 장애 대응 목적으로만 사용됩니다.
이용 기록 — 현재 버전은 카드 열기·복사·다운로드 이벤트를 원격 저장하지 않습니다. 검색과 프롬프트 선택은 브라우저에서 처리합니다.
광고 — 현재는 소유권 확인 메타 태그와 ads.txt만 유지하고 광고 요청 스크립트를 비활성화했습니다. 광고 활성화 전 동의 메시지와 광고 배치를 설정하고 방침을 갱신합니다. 자세한 내용은 개인정보처리방침에서 확인하세요.
제3자 리소스 — 화면에 쓰이는 웹폰트를 Google Fonts와 jsDelivr CDN에서 불러옵니다. 이 과정에서 해당 서비스에 접속 요청이 전달됩니다.
개인정보 관련 문의나 기록 삭제 요청은 아래 문의 섹션의 이메일로 접수할 수 있으며, 확인 후 합리적인 기간 내에 처리합니다.
본 사이트의 디자인 분석, 프롬프트, 계약서·회사 양식은 학습·참고용 정보입니다. 특히 계약서·문서 양식은 AI가 생성한 초안이므로, 실제 사용 시 각 상황의 법령과 사실관계에 맞게 검토·수정해야 하며 본 사이트는 그 결과에 대한 법적 책임을 지지 않습니다.
사용자는 사이트를 자동화된 스팸, 무단 수집, 불법 콘텐츠 제작, 타인의 권리 침해 목적으로 이용할 수 없습니다. 광고 차단 환경에서는 일부 광고 영역이 비어 보일 수 있습니다.
사이트명: 바이브코딩디자인MD
운영 목적: 한국형 UI 디자인 분석, AI 코딩 프롬프트, 이미지·영상 생성 프롬프트, 실무 문서 양식 제공
문의: 이메일 etsy2k@gmail.com
콘텐츠·구조 수정: