NEW바이브코딩디자인md디자인·프롬프트·계약서·회사 양식을 AI로 한 번에
AdSense 무료 운영Firebase ready

한국 서비스 스타일 카탈로그

바이브코딩디자인MD

원하는 한국 서비스 스타일을 고르면 AI가 바로 참고할 DESIGN.md로 정리합니다.

디자인 찾기
npx k-design-md add toss

# Generated files
DESIGN.md
tailwind.theme.json
agent-brief.md
12Korean systems
21Prompts
29Doc templates
Reference analysis

getdesign.md 구조를 한국형으로 변환: 카탈로그, 카테고리, 검색, 정렬, 상세 Usage, Preview/DESIGN.md 탭, 다운로드/복사, 비제휴 고지.

Find Designs

한국 유명 사이트/앱 디자인 분석

Preview

Design System Analysis: Toss

01 — Korean Design System

금융을 더 쉽게

Toss style removes decoration and emphasizes trust, speed, and mobile clarity. Best for finance, onboarding, subscriptions, and account dashboards.
Toss Blue#0064FF
Ink#191F28
Gray 700#4E5968
Gray 100#F2F4F6
White#FFFFFF
01

FinanceCard

Primary reusable component that carries the brand-inspired visual signature.

02

BlueCTA

Supporting card pattern for dense product or content surfaces.

03

AmountRow

Small UI element for metadata, status, filtering, or conversion cues.

About

디자인부터 계약서까지, AI로 끝내는 실무 툴킷

무엇을 제공하나요?

바이브코딩디자인MD는 한국 서비스의 디자인 패턴을 정리한 DESIGN.md, 화면 유형별 AI 코딩 프롬프트, 그리고 계약서·회사 양식 프롬프트를 한곳에서 제공합니다. 초안 작성에 드는 시간을 크게 줄여 줍니다.

어떻게 활용하나요?

상단 네비게이션에서 디자인 MD / 추천 프롬프트 / 계약서 양식 / 회사 양식을 선택하고, 원하는 카드를 열어 프롬프트를 복사한 뒤 Cursor·Claude·ChatGPT 같은 AI 도구에 붙여 넣으면 됩니다.

누구에게 유용한가요?

빠르게 서비스를 만들어야 하는 1인 창업자, 반복 문서를 자주 쓰는 소상공인·스타트업, 한국형 UI 톤과 실무 문서를 동시에 잡아야 하는 제작자와 기획자를 위해 만들었습니다.

문서 이용 시 유의

계약서·회사 양식은 참고용 초안을 생성하는 프롬프트입니다. 실제 체결·제출 전에는 변호사·노무사·세무사 등 전문가의 검토를 권장하며, 법적 책임은 이용자에게 있습니다.

Guides

가이드 & 아티클

AI로 화면과 문서를 만들 때 실제로 부딪히는 문제들을 정리했습니다. 도구를 쓰기 전에 한 번 읽어 두면 다시 만드는 시간을 줄일 수 있습니다.

디자인 가이드한국형 디자인 시스템을 AI 코딩에 적용하는 법

AI에게 "예쁘게 만들어줘"라고 하면 대부분 실리콘밸리풍의 보라색 그라데이션 랜딩페이지가 나옵니다. 한국 사용자에게 익숙한 화면을 만들려면, 무엇을 어떻게 지시해야 하는지 구체적으로 알려줘야 합니다.

가이드 읽기 →프롬프트 가이드바이브코딩 프롬프트를 잘 쓰는 5가지 원칙

같은 AI에게 같은 기능을 요청해도 결과물의 완성도는 프롬프트에 따라 크게 갈립니다. 여러 번 다시 시키는 대신, 처음부터 잘 통하는 프롬프트에는 공통된 구조가 있습니다.

가이드 읽기 →디자인 분석토스·배민·당근의 UI는 무엇이 다른가

세 서비스 모두 한국에서 가장 많이 쓰이지만, 화면을 만드는 원칙은 정반대에 가깝습니다. 무엇을 참고할지 고르기 전에 각자의 문법을 이해할 필요가 있습니다.

가이드 읽기 →문서 가이드AI로 계약서 초안을 만들 때 반드시 확인할 것

AI는 계약서 초안을 몇 초 만에 만들어 줍니다. 하지만 그대로 서명하면 위험합니다. 초안을 실무에 쓸 수 있는 문서로 만드는 최소한의 확인 절차를 정리했습니다.

가이드 읽기 →문서 가이드회사 문서를 AI로 빠르게 만드는 워크플로

견적서, 회의록, 사업계획서처럼 반복되는 문서에 드는 시간은 생각보다 큽니다. 매번 백지에서 시작하지 않는 방법을 정리했습니다.

가이드 읽기 →

Blog

운영자 블로그

여행기와 리뷰를 기록하는 운영자의 블로그 헤이즐넛의 향기입니다. 아래 버튼을 누르면 해당 글로 이동합니다.

해외여행뉴욕 센트럴파크·브루클린브리지, 처음 가도 편한 하루 동선글 읽으러 가기 해외여행그랜드캐니언 사우스림, 일출부터 노을까지 안전하게 보는 법글 읽으러 가기 해외여행LA 그리피스천문대·산타모니카, 전망과 노을을 잇는 하루글 읽으러 가기 국내여행리센느 인기가 거제 여행 문화로 번진 이유글 읽으러 가기 리뷰100화 이상 정주행하기 좋은 먼치킨 웹툰 BEST 5글 읽으러 가기 국내여행충주 활옥동굴·중앙탑·탄금호, 한여름에도 시원했던 하루 동선글 읽으러 가기 국내여행태안 안면도·꽃지해수욕장·안면도수목원, 소나무와 노을 사이 하루글 읽으러 가기 국내여행제천 청풍호·의림지·청풍호반케이블카, 초록빛 따라 걷는 하루글 읽으러 가기 리뷰소지섭·김무열 액션물, 요즘 왜 사이다 전개가 먹힐까글 읽으러 가기 리뷰나홍진 신작 호프, 왜 영화팬들이 기대하는가글 읽으러 가기
헤이즐넛의 향기 블로그 전체 보기

Editorial Policy

콘텐츠 원칙과 광고 정책 준수

충분한 텍스트 콘텐츠

각 분석과 템플릿은 단순 링크 모음이 아니라 색상 역할, 사용 맥락, 문서 구성, AI 프롬프트 지침을 설명하는 독자적인 텍스트 콘텐츠로 구성합니다.

사용자에게 명확한 탐색

상단 카테고리 네비게이션과 하단 링크를 통해 각 카테고리, 광고정책, 가이드, 개인정보처리방침, 이용약관, 문의 정보를 쉽게 찾을 수 있습니다.

광고 고지

사이트는 운영비 충당을 위해 Google AdSense 광고를 게재할 수 있으며 광고 영역은 "광고"로 명확히 구분됩니다. 광고는 콘텐츠 탐색을 과도하게 방해하지 않는 위치에 배치합니다.

부적절한 콘텐츠 배제

불법 행위, 성인 콘텐츠, 증오·폭력 조장, 저작권 침해 자료, 기만적 다운로드를 제공하지 않습니다. 모든 자료는 공개 정보 기반의 참고 자료로 처리합니다.