designmd

DesignMD는 헤드리스 브라우저에서 실제 프로덕션 웹사이트를 측정하여 계산된 스타일, CSS 캐스케이드 타이포그래피, 실시간 @media 브레이크포인트, CSSOM의 호버/포커스 상태를 캡처합니다. 이 측정을 개발자가 Cursor, Claude Code, Windsurf, Aider, Copilot 같은 AI 코딩 어시스턴트에 직접 입력할 수 있는 구조화된 DESIGN.md 사양으로 종합합니다. CLI는 Node 18+가 필요하며 npx 또는 전역 설치로 실행할 수 있습니다. 사용법은 간단합니다: `dmd stripe.com > DESIGN.md`는 마크다운을 stdout에 스트리밍하고, `--json`은 LLM 처리 없이 Raw 토큰을 즉시 출력합니다. DESIGNMD_API 환경 변수를 통해 커스텀 API 엔드포인트를 지원하므로 셀프 호스팅도 가능합니다. 주요 기능은 라이브 브라우저 측정(정적 분석 아님), LLM 컨텍스트 창을 생존하는 포트 가능한 마크다운 출력, diff 가능하고 재생성 가능한 사양, 주요 AI 코딩 에이전트 통합 가이드입니다. 익명 사용은 IP당 하루 5회 생성까지 제한되며, --json 플래그는 이 제한을 우회합니다. 저장소에는 CLI 소스, Stripe, Linear, Vercel, Notion, Anthropic, Mercury, Figma, Airbnb 같은 사이트의 샘플 DESIGN.md 출력물, 문서, 통합 가이드가 포함되어 있습니다. 추출 파이프라인, LLM 프롬프트, 서버 인프라는 독점입니다.