Awesome Design.MD - 유명 웹사이트 디자인 시스템을 내 사이트에 적용하기

DESIGN.md는 Google Stitch에서 도입된 개념으로, AI 에이전트가 일관된 UI를 생성할 수 있도록 설계된 텍스트 기반 디자인 문서다.

Figma나 별도의 JSON 스키마 없이 마크다운 파일 하나만 프로젝트 루트에 복사하면, AI 코딩 에이전트가 즉시 UI 스타일을 인식하고 구현할 수 있다. 기존의 AGENTS.md가 기능적 측면을 다룬다면, DESIGN.md는 시각적 외형과 느낌을 정의하는 데 집중한다.

주요 특징은 다음과 같다:

• 방대한 컬렉션: Claude, Vercel, Stripe, Notion, Figma 등 60개 이상의 유명 서비스 디자인 시스템 수록
• 표준화된 구조: 색상 팔레트, 타이포그래피, 컴포넌트 스타일링, 레이아웃, 반응형 동작 등 9개 표준 섹션으로 구성
• 효율적인 워크플로우: 원하는 사이트의 DESIGN.md를 프로젝트에 넣고 AI에게 참조를 지시하면, 원본과 유사한 UI를 즉시 생성할 수 있음

각 사이트별로 DESIGN.md와 함께 시각적 확인을 위한 preview.html 세트를 제공하여 AI가 디자인 의도를 더 정확하게 파악하도록 지원한다.