VoltAgent/awesome-design-md
AI 에이전트용 디자인 규칙 모음
AI 코딩 에이전트가 일관된 화면을 만들도록 브랜드별 디자인 규칙을 정리한 DESIGN.md 모음
GitHub 저장소 보기README 편집 요약
프로젝트 핵심 읽기
한눈에 보기
여러 서비스의 시각 패턴, 디자인 토큰과 규칙을 AI 에이전트가 읽을 수 있는 DESIGN.md 문서로 정리한 디자인 참고 자료 모음입니다.
프로젝트 설명
핵심 기능
에이전트에 재사용할 디자인 언어를 전달한다
원하는 DESIGN.md를 프로젝트에 넣으면 코딩 에이전트가 색상, 타이포그래피, 간격과 구성 규칙을 읽고 일관된 화면을 생성하도록 안내합니다.
구성과 특징
별도 도구 없이 Markdown으로 디자인 규칙을 표현한다
실제 웹사이트를 분석한 패턴과 토큰을 일반 텍스트에 담아 Figma 내보내기나 전용 JSON 스키마 없이 여러 AI 개발 도구에서 사용할 수 있습니다.
사용 전 확인
참고 브랜드의 결과물을 그대로 복제하는 용도가 아니다
문서는 시각 언어를 분석한 참고 자료이므로 실제 제품에서는 브랜드 권리, 고유성, 접근성과 반응형 동작을 별도로 검토하고 프로젝트 요구에 맞게 수정해야 합니다.
차별점
구현 지침과 시각 지침을 별도 문서로 나눈다
AGENTS.md가 무엇을 어떻게 개발할지 설명하는 역할이라면 DESIGN.md는 결과물이 어떤 인상과 규칙을 가져야 하는지 에이전트에 전달하는 데 집중합니다.
GitHub 관심도
Star 순위 기록
프로젝트 품질 평가와 별개로, 누적 Star 기준 Top 100에서 나타난 관심도 변화만 기록합니다.
17개 스냅샷현재 #97
각 점은 해당 날짜의 공개 스냅샷입니다. 날짜가 빠진 구간은 선으로 추정하지 않고 확보한 기록만 표시합니다.
기준 정보
데이터 확인 기준
순위와 Star 수는 공개 목록을 확인한 스냅샷입니다. 실시간 값과 프로젝트의 최신 내용은 실제 저장소에서 확인할 수 있습니다.