오픈 소스. 새로운 가능성.

DesignMD는 모든 URL에서 색상, 타이포그래피, 간격, 브레이크포인트, 상호작용 상태 등 라이브 디자인 시스템을 추출하여 AI 코딩 에이전트에 최적화된 DESIGN.md 파일을 출력하는 CLI 도구입니다.

design-md-hub는 120개 브랜드의 디자인 시스템을 단일 평문 DESIGN.md 파일로 저장한 오픈소스 레포지토리입니다. AI 코딩 에이전트가 온브랜드 UI를 생성할 수 있도록 실제 사이트에서 역추적한 색상, 타이포그래피, 컴포넌트, 가드레일을 제공합니다.

designlang는 Playwright 기반 CLI로 라이브 DOM에서 디자인 시스템을 추출하고 DTCG 토큰, Tailwind 설정, Figma 변수, shadcn 테마, 컴포넌트 구조, 모션 토큰, 브랜드 목소리, WCAG 대비 감사, 다중 플랫폼 에미터 등을 포함한다.

Better Design은 AI 코딩 에이전트에게 디자인 시스템, 시맨틱 CSS 토큰, 컴포넌트 오버라이드, UI 원칙, 아이콘 매칭 및 WCAG 기반 리뷰 규칙을 제공하는 오픈 소스 MCP 서버 및 shadcn/ui 레지스트리입니다.

brandmd는 웹사이트의 디자인 시스템을 추출하여 공식 @google/design.md 린터를 통과하는 DESIGN.md 파일을 생성하는 CLI 도구입니다. 이를 통해 Claude Code, Cursor 등 코딩 에이전트에게 UI 작성 전 브랜드 컨텍스트를 제공하며, 기본적으로 API 키 없이 로컬에서 실행됩니다.